Top pixel height, bottom pixel height, center remainder of screen

Hi all,

Trying to achieve the following simple layout (which works fine on all
browsers) with an equivalent CSS layout.

See below:

<table border="1" height="100%" width="100%">
<tr height="40px">
<td>
TOP
</td>
</tr>
<tr height="100%">
<td>
CONTENT
</td>
</tr>
<tr height="60px">
<td>
FOOTER
</td>
</tr>
</table>

Can't seem to find a CSS version of this. Doable?

In article
<d0b1452b-4166-42e7-bfd0-b7bc71e4e5b3 (AT) h20g2000yqn (DOT) googlegroups.com>,
sproket <sproket (AT) videotron (DOT) ca> wrote:

Hi all,

Trying to achieve the following simple layout (which works fine on all
browsers) with an equivalent CSS layout.

See below:

table border="1" height="100%" width="100%"
tr height="40px"
....

Can't seem to find a CSS version of this. Doable?

Let's pass over that your table HTML contains a few errors, if you were
to put this in an HTML doc with a good doctype (like 4.01 Strict), it
would not be the model you want.

As for what you do want. How about having a go after reading:

<http://www.communitymx.com/content/article.cfm?cid=BAD95>

--
dorayme