Solved

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

Posted on 2003-11-19
3
468 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
Comment Utility
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
Comment Utility
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
Comment Utility
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

What Should I Do With This Threat Intelligence?

Are you wondering if you actually need threat intelligence? The answer is yes. We explain the basics for creating useful threat intelligence.

Join & Write a Comment

I still run into .cgi files every now and then. In some instances, I actually prefer the simplicity of a .cgi script to other options. Since I use DreamWeaver extensively, what I needed was a way to open .cgi scripts in Dreamweaver. And I wanted to …
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…
This demo shows you how to set up the containerized NetScaler CPX with NetScaler Management and Analytics System in a non-routable Mesos/Marathon environment for use with Micro-Services applications.
When you create an app prototype with Adobe XD, you can insert system screens -- sharing or Control Center, for example -- with just a few clicks. This video shows you how. You can take the full course on Experts Exchange at http://bit.ly/XDcourse.

762 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

10 Experts available now in Live!

Get 1:1 Help Now