21st May 2007

CSS: 100% percent height

posted in reviews |

I wanted a css design with 100% height for some recent project. The middle centered column should just fill the whole page in height without forcing scroll bars. But somehow its buggy on a few browsers. I found this hack in the web which works quite nice at first glance.

html {
height: 100%;
}
body {
height: 100%;
margin: 0;
}
#content {
height: 100%;
}


Worked in Firefox, Opera, Safari, Webkit, will check for IEx later.

This entry was posted on Monday, May 21st, 2007 at 12:46 am and is filed under reviews. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.

Leave a Reply