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.

There are currently 18 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 7th, 2013, Robin said: [Quote]

    Robin…

    CSS: 100% percent height » Pictures and Code…

  2. 2 On May 16th, 2013, Brock said: [Quote]

    Brock…

    CSS: 100% percent height » Pictures and Code…

  3. 3 On May 19th, 2013, 자유 게시판 - 필라 어머니학교..홈 페이지 개설을 축하합니다. said: [Quote]

    자유 게시판 – 필라 어머니학교..홈 페이지 개설을 축하합니다….

    CSS: 100% percent height » Pictures and Code…

  4. 4 On May 20th, 2013, naturlig potensmiddel said: [Quote]

    naturlig potensmiddel…

    CSS: 100% percent height » Pictures and Code…

  5. 5 On October 18th, 2013, Great Tips And Tricks For Plumbing Fixes | Polskie Centrum Chrzescijanskie | Vancouver, British Columbia said: [Quote]

    […] is frozen pipes. If you cherished this posting and you would like to get extra data with regards to go back kindly pay a visit to our web page. Fortunately, it’s usually an avoidable problem. If you […]

  6. 6 On December 17th, 2013, newzpaperz.com said: [Quote]

    CSS: 100% percent height Pictures and Code…

    CSS: 100% percent height…

  7. 7 On March 19th, 2014, nike air max hyperdunk 2010 said: [Quote]

    nike air max hyperdunk 2010…

    to be the nutrient, putting surface tourmaline is not that hard to find. nonetheless, numerous examples important and thus untainted make your enquiries to be for wedding rings pendants may be strange. due to, the fee move around much more compact fres…

  8. 8 On March 20th, 2014, android app development tutorial said: [Quote]

    android app development tutorial…

    CSS: 100% percent height » Pictures and Code…

  9. 9 On March 31st, 2014, Calvin Klein Underwear Barato said: [Quote]

    Calvin Klein Underwear Barato…

    CSS: 100% percent height » Pictures and Code…

  10. 10 On May 5th, 2014, macys printable in store coupons august 2011 said: [Quote]

    macys printable in store coupons august 2011…

    CSS: 100% percent height » Pictures and Code…

  11. 11 On May 26th, 2014, melbourne airport parking easter said: [Quote]

    melbourne airport parking easter…

    CSS: 100% percent height » Pictures and Code…

  12. 12 On June 13th, 2014, visit the up coming internet page said: [Quote]

    visit the up coming internet page…

    CSS: 100% percent height » Pictures and Code…

  13. 13 On July 23rd, 2014, unlock iphone 5c said: [Quote]

    unlock iphone 5c…

    CSS: 100% percent height » Pictures and Code…

  14. 14 On August 20th, 2014, Tiande Uk said: [Quote]

    Tiande Uk…

    CSS: 100% percent height » Pictures and Code…

  15. 15 On August 27th, 2014, muscle building exercises at home said: [Quote]

    muscle building exercises at home…

    CSS: 100% percent height » Pictures and Code…

  16. 16 On September 8th, 2014, Hugegenic said: [Quote]

    Hugegenic…

    CSS: 100% percent height » Pictures and Code…

  17. 17 On September 10th, 2014, aloe vera said: [Quote]

    aloe vera…

    CSS: 100% percent height » Pictures and Code…

  18. 18 On September 18th, 2014, get more info said: [Quote]

    get more info…

    CSS: 100% percent height » Pictures and Code…

Leave a Reply