how to extend height of tables until footer

**spectator** · 11-03-2009 11:36 PM

hey guys, i'm new at html and was wondering how to extend my tables until the footer, even though they may appear empty, with no content. either html or css solution is welcomed

e.g.
<body>
<left table>
</left table>
<long middle table>
</long middle table>
<right table>
</right table>
</body>
<footer>

i want the tables on the left and right to go down and end at the same place with the middle table, which holds most content.

i tried table valign bottom, but that only makes it start from the bottom of the page; i want it to start at the top. thanks

**developerguru** · 11-05-2009 07:48 AM

Originally Posted by spectator

hey guys, i'm new at html and was wondering how to extend my tables until the footer, even though they may appear empty, with no content. either html or css solution is welcomed

e.g.
<body>
<left table>
</left table>
<long middle table>
</long middle table>
<right table>
</right table>
</body>
<footer>

i want the tables on the left and right to go down and end at the same place with the middle table, which holds most content.

i tried table valign bottom, but that only makes it start from the bottom of the page; i want it to start at the top. thanks

You will need to increase the height of the left and right table to match the height of the middle table.

or

make a table, in it make 3 columns and in each of the columns make a table for left, middle and right sections.

**spectator** · 11-05-2009 08:19 AM

hey guru,
i was actually doing the last thing you suggested - one main table that contains the other 3 tables. however, that does not solve the issue i brought up. the tables end where their respective content ends.
is there a css tag i am missing with regard to tables?
thanks

**spectator** · 11-05-2009 08:20 AM

also, i cannot increase the height, because in certain cases the content is fetched dynamically from a DB, which varies from page to page

**developerguru** · 11-06-2009 05:26 AM

Originally Posted by spectator

hey guru,
one main table that contains the other 3 tables.

if you make a table with 3 columns & in each column make a table then this problem will be solved....

**verikal** · 11-07-2009 09:00 AM

If you are using XHTML DOCTYPE and your table is the first object in your body you need to do 2 things.

1. Add to your css body
body{
height:100%;
}

2. Add this table
<table border="1" style="height:100%;">
<tr>
<td valign="top">col 1</td>
<td valign="top">col 2</td>
<td valign="top">col 3</td>
</tr>
</table>

Thread: how to extend height of tables until footer

Thread Tools

Display

how to extend height of tables until footer

Thread Information

Users Browsing this Thread

Bookmarks

Bookmarks

Posting Permissions