Comments on: CSS & DIV 100% Height Problem Solved

By: Avo

Avo — Thu, 17 Jun 2010 12:55:07 +0000

awesome … straight forward, 40 seconds, and poof! problem solved!

thank you very much!

By: Evan Chang

Evan Chang — Wed, 09 Jun 2010 06:04:23 +0000

Thousand thanks to this solution!

By: Brijesh

Brijesh — Mon, 25 Jan 2010 11:42:56 +0000

Really, I think this may be perfect solution for the 100% height, several times I had to face this
problam but now I am ok with it..

cheersssssssssss.

By: Bob

Bob — Thu, 24 Dec 2009 16:34:42 +0000

This is perfect! I modified the code a little bit for my use, but otherwise, it works great!

By: Daniel

Daniel — Tue, 15 Dec 2009 00:31:59 +0000

Thanks for this solution, although I must admit I’m also a bit disappointed that JavaScript seems to be the only solution. I’m very reluctant to use JS, for whatever reason. As I currently only have to use it to vertically position some elements in a column, I can bear it – users without JS will just have all items racked up at the top.

I’m not sure whether to call this a bug or an oversight in the CSS specification, but it is clearly a deep flaw. None of the hacks to solve this extremely simple layout problem are satisfying and really solve the problem itself. The only real way is to revert to table layouts, but that’s not really nice either. I heard CSS3 will address this issue, but it will probably be decades before we can stop writing hacks for people with non-CSS3 browsers.

By: kin

kin — Mon, 26 Oct 2009 19:43:27 +0000

Thanks a lot!!!!!
you saved me.

By: okiu

okiu — Fri, 31 Jul 2009 00:26:54 +0000

Thank you for this post!
also Jeff Coughlin, thank you to! it helped.

By: backbonestudios

backbonestudios — Sun, 10 May 2009 02:59:19 +0000

Man, u saved my life, 4 years i tried to find fix 4 this. god bless u

By: Bogdan Parcalab, personal website» Blog Archive » DIV height based on other DIV heights, with JavaScript

Fri, 03 Apr 2009 13:12:31 +0000

[...] Many thanks and reference to: http://www.nimaheydarian.com/2007/01/css-div-100-height-problem-solved/ [...]

By: eric

eric — Tue, 03 Feb 2009 18:06:11 +0000

This allowed me to solve an issue on a wordpress template design I am on currently – I have been racking my brain to fix the very problem you described – setting the containers and content div’s to height:100% did nothing! Thanks for the code!