Solved

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

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

Microsoft Certification Exam 74-409

Veeam® is happy to provide the Microsoft community with a study guide prepared by MVP and MCT, Orin Thomas. This guide will take you through each of the exam objectives, helping you to prepare for and pass the examination.

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
Simple PHP Upload Script 11 2,726
Dreamweaver - Spell check extension 4 484
Dreamweaver CS4 filling forms 2 140
Adobe Acrobat Pro top display text upside down? 5 129
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…
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…
Two types of users will appreciate AOMEI Backupper Pro: 1 - Those with PCIe drives (and haven't found cloning software that works on them). 2 - Those who want a fast clone of their boot drive (no re-boots needed) and it can clone your drive wh…
Nobody understands Phishing better than an anti-spam company. That’s why we are providing Phishing Awareness Training to our customers. According to a report by Verizon, only 3% of targeted users report malicious emails to management. With compan…

809 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