Forum Moderators: open
Here is my problem. I have a content table that set height to 100%; and in IE, it knows to strech out so that the footer is at the bottom of the page, but in Mozilla/Netscape it doesn't. The whole page is squeezed to the height of the content.
The frame code is as follows
<body BGCOLOR=#FFFFFF leftmargin="1" topmargin="1" marginwidth="0" marginheight="0">
<form action="/ManageMenu" >
<table width="100%" height="100%" align="Center" bgcolor="#CCCC99" cellpadding="1" cellspacing="0">
<tr>
<td valign="top">
<table width="100%" bgcolor="#000078" border="0" bordercolor="yellow" cellpadding="0" height="55">
<<<WHERE I PUT MY HEADER>>>
</table>
</td>
</tr>
<tr>
<td valign="top" height="100%">
<table width="100%" height="100%" align="Center" bgcolor="#CCCC99" cellpadding="1" cellspacing="0">
<<<WHERE I PUT MY CONTENT>>>
</table>
</td>
</tr>
<tr>
<td valign="bottom">
<table width="100%" bgcolor="#000078" cellpadding="0" cellspacing="0" height="55">
<<<WHERE I PUT MY FOOTER>>>
</table>
</td>
</tr>
</table>
</form>
</body>
Thanks in Advance!
Why do you make the page layout (header, content, footer) with tables?
Just sent you a sticky with a url that can provide you with the html and css of the same layout created with DIV elements ... I think it is worth a look ...
Thanks,
Matthew
When there's no form element involved, putting the height=100% in the containing <td> tag used to work cross browser. I think the form element may confound that, but it's an easy experiment.
I am already doing this in the <td> that contains the content table.
This is legacy code, but we are still using it all over the places.
Thanks for replying!
