How to expand a table's height to fill its parent table?

**landdriver** · 01-02-2007 10:18 PM

Am new to web design; have spent some time on the web and in a book store trying to research this; apologize if this question has been asked before.

Am designing a web site using HTML/CSS (via Joomla).

I have an HTML table which in turn contains 3 tables, stacked vertically. The containing table is of a fixed height, as are the top two contained tables. I want to make it so the bottom contained table will automatically expand in height to fill the void between the two top contained tables and the bottom of the containing table. Is there a way of doing this? (I hope this question is clear!)

**KDLA** · 01-03-2007 09:14 AM

This might help you: http://apptools.com/examples/tableheight.php.
Its approach is to set the height of the overall table, but I think you could apply some of this to the nested tables, also.

**landdriver** · 01-03-2007 08:46 PM

Thanks Miss Moderator -- this is exactly what I was looking for!

**HarryW** · 01-03-2007 11:21 PM

The following defines a table I am using in a new window:

<body>
<table border=0 width="100%" align="center" valign="top">
<tr>

<td><img src="pics/paw.gif" alt="." width="28" height="28" border="0"><a class="main" href="http://www.wildliferescueleague.org/pdf/WRL Fall 2006.pdf" target="_blank">Rescue Report Fall 2006</a></td>
<br><br>

<td><img src="pics/paw.gif" alt="." width="28" height="28" border="0"><a class="main" href="http://www.wildliferescueleague.org/pdf/WRL Summer 2006.pdf" target="_blank">Rescue Report Summer 2006</a></td>
<br><br>
</tr>
.......
</table>
</body>

Everything displays just the way I want except that the window has two much 'white space' at the top. One must scroll down to see the first links defined by the above table. The 'href' links also work correctly.

How can I eliminate this 'white space'?

**KDLA** · 01-04-2007 07:56 AM

You've got two <br> tags outside the closing cell tag </td>. When you do that, it places the space at the top of the page, outside the table. Eliminate the <br> tags, and that should do it for you.

Code:

<body>
<table border=0 width="100%" align="center" valign="top">
<tr>

<td><img src="pics/paw.gif" alt="." width="28" height="28" border="0"><a class="main" href="http://www.wildliferescueleague.org/pdf/WRL Fall 2006.pdf" target="_blank">Rescue Report Fall 2006</a></td>
<br><br>

<td><img src="pics/paw.gif" alt="." width="28" height="28" border="0"><a class="main" href="http://www.wildliferescueleague.org/pdf/WRL Summer 2006.pdf" target="_blank">Rescue Report Summer 2006</a></td>
<br><br>
</tr>
.......
</table>
</body>

KDLA

**HarryW** · 01-04-2007 09:44 AM

Works like a champ. I appreciate the quick response although I am embarrased that I did not analyze my HTML close enough to figure that out. At least I have learned a couple of things.

**KDLA** · 01-04-2007 10:24 AM

Don't worry about it - it happens to all of us. I don't know how many times I've tried to locate a problem, staring at the coding for hours, and not seen an obvious misspelling or tag!!!

**sincilite** · 01-04-2007 10:47 AM

Or a missing

Code:

Thread: How to expand a table's height to fill its parent table?

Thread Tools

Display

How to expand a table's height to fill its parent table?

Table not displayed at top of window

Thank you

Thread Information

Users Browsing this Thread

Bookmarks

Bookmarks

Posting Permissions