Properly Set 100% Table Heights Using CSS

I have run across this problem several times. 

from: Properly Set 100% Table Heights Using CSS

I like making webpages that expand to fill the entire browser window, but ever since browsers started rendering in full-compliance mode it has been a chore because tables do not respond very well to their heights being set to 100% directly in the table tag or using CSS.  I normally just revert back to "quirk" mode by removing the DOCTYPE element from the Visual Studio generated pages to get the table to expand out.  But there is a better way!

The following article explains why the tables behave this way and how to get them to expand to a 100% height using valid CSS code.  Very useful stuff!

http://apptools.com/examples/tableheight.php


Related posts

Add comment


(Will show your Gravatar icon)  

  Country flag

[b][/b] - [i][/i] - [u][/u]- [quote][/quote]



Live preview

November 21. 2008 06:46 PM