Expandable rows

[thehen]

Hello one and all.

I have a table split into three rows. I want the top and the bottom rows to expand equally as the page is resized, but for the center one to remain a fixed size.

Is this possible?

[mwa103]

Have you tried

Code: Select all

<table height=100%>
<tr><td height=50%>Blah Blah Blah</td></tr>
<tr><td height=200px>Blahdy blah blah blah</td></tr>
<tr><td height=50%>Blah blah blah</td></tr>
</table>

It seems to work in IE & FF, but I think I remember something about an issue using percentages for height in Safari. Not sure if this will validate on w3c or not, but I know if you use strict doctype it won't work. Not sure why you are using tables, but is it possible to use divs instead? That might be a little easier to implement. Hope this helps.

-Mike