Click here to Skip to main content
14,176,517 members
Rate this:
Please Sign up or sign in to vote.
See more:
I have a table that displays information on break-out sessions for my company's upcoming annual meeting, rooms along the side and time periods along the top. Each cell in that table contains an inner table with information for each particular session; the inner table has three rows of one cell each.

I would like to get the bottom row of the inner table to align with the bottom of the cell in the outer table, while keeping the top row of the inner table aligned with the top of the outer cell.

I would think I could style the middle cell to be a "spring", ie take up as much vertical space as possible. I have tried using height:100% ! important; on both the middle cell of the inner table and on the inner table itself, but neither seem to make any difference. I feel like I'm missing something that is blatantly obvious.

Any suggestions?

If it makes any difference, the page is XHTML Strict.
Tamer Hatoum 13-Jun-11 18:03pm
can you post your html code please ?? regards..
123arvind123 22-Jul-11 8:43am
@Gregory:Please post your html code too..
Gregory Gadow 22-Jul-11 13:05pm
My HTML code is a standard table.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

  Print Answers RSS
Top Experts
Last 24hrsThis month

Advertise | Privacy | Cookies | Terms of Service
Web02 | 2.8.190525.1 | Last Updated 13 Jun 2011
Copyright © CodeProject, 1999-2019
All Rights Reserved.
Layout: fixed | fluid

CodeProject, 503-250 Ferrand Drive Toronto Ontario, M3C 3G8 Canada +1 416-849-8900 x 100