Holy grail layout with 100% height

Posted by Henrik Skogmo on Stack Overflow See other posts from Stack Overflow or by Henrik Skogmo
Published on 2010-12-23T01:53:18Z Indexed on 2010/12/23 2:54 UTC
Read the original article Hit count: 283

Filed under:
|
|

I am trying to make a css layout that looks like this

http://oi53.tinypic.com/o0v0vp.jpg

The CSS term for this type of layout is known as the "holy grail" I think. The problem I am facing is that when I use layouts and solutions I find online I do not get them to work properly as I want them to. What I am trying to do is make a page that, regardless of content, will have the footer at the bottom of the browser and the columns stretching down to it. So far I have only seen pages that have the footer placed where the content stop, the result is some blank space under the footer.

If anyone could help me out on this it would be greatly appreciated!

© Stack Overflow or respective owner

Related posts about css

Related posts about layout