Create liquid window between 2 tables?

The page contains 2 tables. One at the top and one at the bottom. The tables are measured in pixels. Top one is 20 high and the bottom one is 59 high. I want to create an area between these 2 tables that would contain text etc and would need to scroll down if overflow occurs. This area would resize when the browser window is resized.

How would I do this?

"Seddon" webforumsuser (AT) macromedia (DOT) com wrote:

The page contains 2 tables. One at the top and one at the bottom. The
tables are measured in pixels. Top one is 20 high and the bottom one is

59 high. I want to create an area between these 2 tables that would
contain text etc and would need to scroll down if overflow occurs. This
area would resize when the browser window is resized.

You're not saying if you want the widths of the top and bottom tables
expand when window is resized. Assuming you want them fixed width (e.g.
700px) while the "main content" expands, you can use this table:

<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="top">
<table width="700" border="0" cellspacing="0" cellpadding="0"
align="center" height="20">
<tr>
<td>&nbsp;</td>
</tr>
</table>
</td>
</tr>
<tr>
<td valign="top">&nbsp;</td>
</tr>
<tr>
<td valign="top">
<table width="700" border="0" cellspacing="0" cellpadding="0"
align="center" height="59">
<tr>
<td>&nbsp;</td>
</tr>
</table>
</td>
</tr>
</table>

Please note that the height of top and bottom tables will not work if
you don't put some content in them, e.g. a shim or an image that's
exactly 20 resp. 59 px high.

If you want the top and bottom tables to expand with the browser width,
too, yopu can actually remove them and place the content straight in the
upper and lower cells.

HTH
--
Dan Vendel - *GOF*
http://www.vendel.info
Contact me directly by clicking here:
http://contact.vendel.info
Formmail tutorial:
http://www.vendel.info/tut/formmail.html
Nested table demonstration:
http://www.vendel.info/tabletut/