Netscape Height attribute...

[QuackHead New to the CF scene Find all posts View Profile Close QuackHead]

I'm trying to make this work in NS...

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">
[COLOR=red]<!-- There is a menu here that I'll leave out of my post...-->[/COLOR]
</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

[jkd New to the CF scene Find all posts View Profile Close jkd]

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%;
}

[QuackHead New to the CF scene Find all posts View Profile Close QuackHead]

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

[ronaldb66 New to the CF scene Find all posts View Profile Close ronaldb66]

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.

[brothercake New to the CF scene Find all posts View Profile Close brothercake]

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.

[QuackHead New to the CF scene Find all posts View Profile Close QuackHead]

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...

Anyone ever had this issue before?

~Quack