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. Responses are currently closed, but you can trackback from your own site.

There are currently 4 responses to “CSS: 100% percent height”

Why not let us know what you think by adding your own comment! Your opinion is as valid as anyone elses, so come on... let us know what you think.

  1. 1 On May 23rd, 2020, diana prince batman v superman said:

    diana prince batman v superman

    blog topic

  2. 2 On July 21st, 2020, funny stuff with poker said:

    funny stuff with poker

    blog topic

  3. 3 On December 22nd, 2020, 링크쥬스 Instant indexing plug in said:

    링크쥬스 Instant indexing plug in

    blog topic

  4. 4 On February 8th, 2021, Fence said:


    CSS: 100% percent height » Pictures and Code