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

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
LVL 2
NugsAsked:
Who is Participating?
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

klykkenCommented:
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

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
NugsAuthor Commented:
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
NugsAuthor Commented:
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
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
Adobe Dreamweaver

From novice to tech pro — start learning today.

Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.