Go Premium for a chance to win a PS4. Enter to Win

x
?
Solved

100% table height not sticking.. What's up ?!?

Posted on 2003-11-19
3
Medium Priority
?
476 Views
Last Modified: 2010-04-25
Hey there guys,

My problem is that my table heights are not sticking when i set the main table to 100%. I have a orange bar that needs to scale with the size of the window on the resume, about me, etc... pages. And a blue bar on the index page that needs to scale 100%. With DW MX this didn't seem to be a problem, i recently upgraded to MX 04 and this problem came up.

I set up a web server, i have not tested it on another computer to see if it even comes up so please let me know if you can't find the server, if you can then check out the index page and then the other NON-Framed pages like the resume page etc...

http://24.130.20.238

here is the code for the index page table. Notice the height="100%", that does not seem to work.

----------------------------------------------------------------------------------------
<table width="100%" height="100%"  border="0" align="center" cellpadding="0" cellspacing="0" id="Main">
  <tr>
    <td height="26" align="right" nowrap><table width="40%"  border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td width="32" height="26" nowrap><img src="images/Bar_top.gif" width="32" height="26"></td>
        <td bgcolor="#47A3FF">&nbsp;</td>
      </tr>
    </table></td>
  </tr>
  <tr>
    <td height="100%" align="center" valign="middle" nowrap><table width="575" height="484"  border="0" cellpadding="0" cellspacing="0">
      <tr>
        <td width="225" height="183" nowrap><a href="feedback.asp" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('rlovrImage8','','images/feedback-over.gif',1)"><img src="images/feedback.gif" alt="#" name="rlovrImage8" width="225" height="183" border="0"></a></td>
        <td width="125" height="183" nowrap><a href="aboutme.asp" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('rlovrImage1','','images/aboutme-over.gif',1)"><img src="images/aboutme.gif" alt="About Me" name="rlovrImage1" width="125" height="183" border="0"></a></td>
        <td width="225" height="183" nowrap><a href="portfolio.asp?sectCode=web" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('rlovrImage2','','images/webdesign-over.gif',1)"><img src="images/webdesign.gif" alt="Web Design" name="rlovrImage2" width="225" height="183" border="0"></a></td>
      </tr>
      <tr>
        <td width="225" height="123" nowrap><a href="contactme.asp" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('rlovrImage7','','images/contactme-over.gif',1)"><img src="images/contactme.gif" alt="Contact Me" name="rlovrImage7" width="225" height="123" border="0"></a></td>
        <td width="125" height="123" nowrap><img src="images/logo.gif" width="125" height="123"></td>
        <td width="225" height="123" nowrap><a href="portfolio.asp?sectCode=print" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('rlovrImage3','','images/print-over.gif',1)"><img src="images/print.gif" alt="Print" name="rlovrImage3" width="225" height="123" border="0"></a></td>
      </tr>
      <tr>
        <td width="225" height="178" nowrap><a href="links.asp" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('rlovrImage6','','images/links-over.gif',1)"><img src="images/links.gif" alt="Links" name="rlovrImage6" width="225" height="178" border="0"></a></td>
        <td width="125" height="178" nowrap><a href="resume.asp" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('rlovrImage5','','images/resume-over.gif',1)"><img src="images/resume.gif" alt="Resume" name="rlovrImage5" width="125" height="178" border="0"></a></td>
        <td width="225" height="178" nowrap><a href="portfolio.asp?sectCode=other" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('rlovrImage4','','images/other-over.gif',1)"><img src="images/other.gif" alt="Other" name="rlovrImage4" width="225" height="178" border="0"></a></td>
      </tr>
    </table></td>
  </tr>
  <tr>
    <td height="26" valign="bottom" nowrap><table width="40%"  border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td width="352" bgcolor="#47A3FF">&nbsp;</td>
        <td width="33" height="26" nowrap><img src="images/Bar_bott.gif" width="32" height="26"></td>
      </tr>
    </table></td>
  </tr>
</table>
---------------------------------------------------------------------------------------

Thanks again guys
Nugs
0
Comment
Question by:Nugs
  • 2
3 Comments
 
LVL 8

Accepted Solution

by:
klykken earned 200 total points
ID: 9785581
Url not working, and the table code you pasted is no good without the rest of the code :-/
Can you paste the whole page?

-klykken
0
 
LVL 2

Author Comment

by:Nugs
ID: 9788826
URL should be working now, my computer was off, sorry... And that is all the code for the main table the rest of the code is just body a VB/JS code that is erelevent to the question. The code i pasted should be more than enough.  But if you insist that you need the body and html tags to see the problem, here she is:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Portfolio of Duncan Evans</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
body {
      margin-left: 0px;
      margin-top: 0px;
      margin-right: 0px;
      margin-bottom: 0px;
}
-->
</style>
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) {  //reloads the window if Nav4 resized
  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>
</head>

<body onLoad="MM_preloadImages('images/aboutme-over.gif','images/webdesign-over.gif','images/print-over.gif','images/other-over.gif','images/resume-over.gif','images/links-over.gif','images/contactme-over.gif','images/feedback-over.gif')">
<table width="100%" height="100%"  border="0" align="center" cellpadding="0" cellspacing="0" id="Main">
  <tr>
    <td height="26" align="right" nowrap><table width="40%"  border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td width="32" height="26" nowrap><img src="images/Bar_top.gif" width="32" height="26"></td>
        <td bgcolor="#47A3FF">&nbsp;</td>
      </tr>
    </table></td>
  </tr>
  <tr>
    <td height="100%" align="center" valign="middle" nowrap><table width="575" height="484"  border="0" cellpadding="0" cellspacing="0">
      <tr>
        <td width="225" height="183" nowrap><a href="feedback.asp" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('rlovrImage8','','images/feedback-over.gif',1)"><img src="images/feedback.gif" alt="#" name="rlovrImage8" width="225" height="183" border="0"></a></td>
        <td width="125" height="183" nowrap><a href="aboutme.asp" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('rlovrImage1','','images/aboutme-over.gif',1)"><img src="images/aboutme.gif" alt="About Me" name="rlovrImage1" width="125" height="183" border="0"></a></td>
        <td width="225" height="183" nowrap><a href="portfolio.asp?sectCode=web" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('rlovrImage2','','images/webdesign-over.gif',1)"><img src="images/webdesign.gif" alt="Web Design" name="rlovrImage2" width="225" height="183" border="0"></a></td>
      </tr>
      <tr>
        <td width="225" height="123" nowrap><a href="contactme.asp" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('rlovrImage7','','images/contactme-over.gif',1)"><img src="images/contactme.gif" alt="Contact Me" name="rlovrImage7" width="225" height="123" border="0"></a></td>
        <td width="125" height="123" nowrap><img src="images/logo.gif" width="125" height="123"></td>
        <td width="225" height="123" nowrap><a href="portfolio.asp?sectCode=print" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('rlovrImage3','','images/print-over.gif',1)"><img src="images/print.gif" alt="Print" name="rlovrImage3" width="225" height="123" border="0"></a></td>
      </tr>
      <tr>
        <td width="225" height="178" nowrap><a href="links.asp" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('rlovrImage6','','images/links-over.gif',1)"><img src="images/links.gif" alt="Links" name="rlovrImage6" width="225" height="178" border="0"></a></td>
        <td width="125" height="178" nowrap><a href="resume.asp" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('rlovrImage5','','images/resume-over.gif',1)"><img src="images/resume.gif" alt="Resume" name="rlovrImage5" width="125" height="178" border="0"></a></td>
        <td width="225" height="178" nowrap><a href="portfolio.asp?sectCode=other" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('rlovrImage4','','images/other-over.gif',1)"><img src="images/other.gif" alt="Other" name="rlovrImage4" width="225" height="178" border="0"></a></td>
      </tr>
    </table></td>
  </tr>
  <tr>
    <td height="26" valign="bottom" nowrap><table width="40%"  border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td width="352" bgcolor="#47A3FF">&nbsp;</td>
        <td width="33" height="26" nowrap><img src="images/Bar_bott.gif" width="32" height="26"></td>
      </tr>
    </table></td>
  </tr>
</table>
</body>
</html>


PS: try the URL now...

nugs
0
 
LVL 2

Author Comment

by:Nugs
ID: 9792457
Well klykken, you have done it again. I was thinking about what you said and removed the top bit of code to see if it made any difference, and it did. Can you tell me? Was this the NN resize fix that Dreamweaver puts in there? And how do i set up DW to not place this code in new documents?

Here is the code as it stands now:
----------------------------------------------------------
<html>
<head>
<title>Portfolio of Duncan Evans</title>
<style type="text/css">
<!--
body {
      margin-left: 0px;
      margin-top: 0px;
      margin-right: 0px;
      margin-bottom: 0px;
}
-->
</style>
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) {  //reloads the window if Nav4 resized
  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>
</head>

<body onLoad="MM_preloadImages('images/aboutme-over.gif','images/webdesign-over.gif','images/print-over.gif','images/other-over.gif','images/resume-over.gif','images/links-over.gif','images/contactme-over.gif','images/feedback-over.gif')">
<table width="100%" height="100%"  border="0" align="center" cellpadding="0" cellspacing="0" id="Main">
  <tr>
    <td height="26" align="right" nowrap><table width="40%"  border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td width="32" height="26" nowrap><img src="images/Bar_top.gif" width="32" height="26"></td>
        <td bgcolor="#47A3FF">&nbsp;</td>
      </tr>
    </table></td>
  </tr>
  <tr>
    <td height="100%" align="center" valign="middle" nowrap><table width="575" height="484"  border="0" cellpadding="0" cellspacing="0">
      <tr>
        <td width="225" height="183" nowrap><a href="feedback.asp" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('rlovrImage8','','images/feedback-over.gif',1)"><img src="images/feedback.gif" alt="#" name="rlovrImage8" width="225" height="183" border="0"></a></td>
        <td width="125" height="183" nowrap><a href="aboutme.asp" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('rlovrImage1','','images/aboutme-over.gif',1)"><img src="images/aboutme.gif" alt="About Me" name="rlovrImage1" width="125" height="183" border="0"></a></td>
        <td width="225" height="183" nowrap><a href="portfolio.asp?sectCode=web" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('rlovrImage2','','images/webdesign-over.gif',1)"><img src="images/webdesign.gif" alt="Web Design" name="rlovrImage2" width="225" height="183" border="0"></a></td>
      </tr>
      <tr>
        <td width="225" height="123" nowrap><a href="contactme.asp" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('rlovrImage7','','images/contactme-over.gif',1)"><img src="images/contactme.gif" alt="Contact Me" name="rlovrImage7" width="225" height="123" border="0"></a></td>
        <td width="125" height="123" nowrap><img src="images/logo.gif" width="125" height="123"></td>
        <td width="225" height="123" nowrap><a href="portfolio.asp?sectCode=print" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('rlovrImage3','','images/print-over.gif',1)"><img src="images/print.gif" alt="Print" name="rlovrImage3" width="225" height="123" border="0"></a></td>
      </tr>
      <tr>
        <td width="225" height="178" nowrap><a href="links.asp" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('rlovrImage6','','images/links-over.gif',1)"><img src="images/links.gif" alt="Links" name="rlovrImage6" width="225" height="178" border="0"></a></td>
        <td width="125" height="178" nowrap><a href="resume.asp" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('rlovrImage5','','images/resume-over.gif',1)"><img src="images/resume.gif" alt="Resume" name="rlovrImage5" width="125" height="178" border="0"></a></td>
        <td width="225" height="178" nowrap><a href="portfolio.asp?sectCode=other" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('rlovrImage4','','images/other-over.gif',1)"><img src="images/other.gif" alt="Other" name="rlovrImage4" width="225" height="178" border="0"></a></td>
      </tr>
    </table></td>
  </tr>
  <tr>
    <td height="26" valign="bottom" nowrap><table width="40%"  border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td width="352" bgcolor="#47A3FF">&nbsp;</td>
        <td width="33" height="26" nowrap><img src="images/Bar_bott.gif" width="32" height="26"></td>
      </tr>
    </table></td>
  </tr>
</table>
</body>
</html>

----------------------------------------------------------

Thanks again

Nugs
0

Featured Post

Vote for the Most Valuable Expert

It’s time to recognize experts that go above and beyond with helpful solutions and engagement on site. Choose from the top experts in the Hall of Fame or on the right rail of your favorite topic page. Look for the blue “Nominate” button on their profile to vote.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

For those who don't know, Adobe Dreamweaver is a popular commercial web editor that enables you to design, build and manage complex websites. The editor is a WYSIWYG (What You See Is What You Get) web editor, which means that you can create your web…
This article is very specific and is only intended to help if you are installing Dreamweaver 8 in a Windows 7 environment with Office 2007 installed.   I'm not sure why Microsoft tends to release OS' that should not be released but they do.  Windows…
Exchange organizations may use the Journaling Agent of the Transport Service to archive messages going through Exchange. However, if the Transport Service is integrated with some email content management application (such as an anti-spam), the admin…
Whether it be Exchange Server Crash Issues, Dirty Shutdown Errors or Failed to mount error, Stellar Phoenix Mailbox Exchange Recovery has always got your back. With the help of its easy to understand user interface and 3 simple steps recovery proced…
Suggested Courses

824 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question