Solved

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

Posted on 2003-11-19
3
469 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 50 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

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

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…
Adobe Dreamweaver CS5 is a WYSIWYG web page editor that has advanced HTML, CSS, and Javascript rendering functionality and is probably the most well-known HTML editor available. Much of Dreamweaver's appeal centers around the Design View interfac…
A short film showing how OnPage and Connectwise integration works.
With Secure Portal Encryption, the recipient is sent a link to their email address directing them to the email laundry delivery page. From there, the recipient will be required to enter a user name and password to enter the page. Once the recipient …

914 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

Need Help in Real-Time?

Connect with top rated Experts

16 Experts available now in Live!

Get 1:1 Help Now