I have a table that takes up 100% of the viewable area (<table width="100%" height="100%">)
Inside that table there's a few sections...
<table border="0" cellpadding="0" cellspacing="0" width="100%" height="100%">
<tr><td valign="top" width="100%" height="100%" bgcolor="#0000CC">
<a href="test.asp"><img src="images/logotop.gif" border="0" width="208" height="72"></a><br>
<table border="0" cellpadding="0" cellspacing="0" width="100%" height="100%">
<tr><td width="13">
<img src="images/spacer.gif" width="13" height="1">
</td><td valign="top">
<iframe src="text/about.htm" id="body_text" frameborder="0" width="100%"></iframe>
</td><td valign="top" width="140">
<!-- There is a menu here that I'll leave out of my post...-->
</td></tr>
</table>
</td><td valign="top" width="50%" bgcolor="#FFFFFF">
<img src="images/main.jpg" width="265" height="220"><br>
<img src="images/details.gif" width="265" height="100"><br>
</td></tr>
<tr><td valign="top" align="center" width="100%" height="113" colspan="2" bgcolor="#FFFFFF">
<img src="images/imagebar.gif" width="300" height="109"><br>
</td></tr>
</table>
Now, first things first...
In netscape (4 and 6) the height is majorly different from IE - does anyone know why this is and how to fix it?
Secondly - when I stretch the IFrame to fit the entire width (width="100%") it shows fine - when I use the height property (height="100%") I can see it fine in IE - but it suddenly dissapears in NS6
Anyone have any ideas for me?
Thanks
~Quack
If you want to *properly* have tables stretch 100% of the viewable area:
html, body {
height: 100%;
}
.mytableclass {
height: 100%;
width: 100%;
}
Try using CSS to style your iframe as well, and see if that doesn't fix the problem:
iframe {
height: 100%;
width: 100%;
}
Sorry, I didn't specify how the height was majorly different in NS
The table overstretches the boundaries of the window - so, the height is more than 100%, and then the imagebar at the bottom is underneath that still...
copy + paste the HTML and view it in IE and NS, you'll see what I mean.
Thanks
~Quack
NN doesn't support the height attribute on tables. I couldn't find it in the HTML 4.01 standard either, nor in the CSS1 standard. It is in the CSS2 standard though, but i would advise against using a fixed height on a table anyway.
There is no HEIGHT attribute; use the CSS that jkd provided and it should work, but the overhang may occur if you have body margins, because in some browsers (mac ie5 for sure and maybe moz, but i can't remember) the width and height of the window does not compensate for body margins. You can allow for this by using 0 body margins.
Ok, the tables are working now, but I still have a problem with IFrame and NS6
As soon as I specify any sort of height percentage to it (76%) it dissapears, I've tried with 25% too, and nothing...