Click here to Skip to main content
15,886,724 members
Please Sign up or sign in to vote.
4.00/5 (1 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.
Posted
Comments
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)



CodeProject, 20 Bay Street, 11th Floor Toronto, Ontario, Canada M5J 2N8 +1 (416) 849-8900