Almost Properly Set 100% Table Heights Using CSS

Comments 0

Share to social media

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. 

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, but it still doesn’t quite solve my layout issues.  One day though… one day…

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

Load comments

About the author

Damon Armstrong

See Profile

Damon Armstrong is a consultant with SystemwarePS in Dallas, Texas. He is also a blogger and author of Pro ASP.NET 2.0 Website Programming and SharePoint 2013 Essentials for Developers. He specializes in the Microsoft stack with a focus on web technologies like MVC, ASP.NET, JavaScript, and SharePoint. When not staying up all night coding, he can be found watching a bunch of kids, studying Biblical topics, playing golf, or recovering from staying up all night coding.