100% height, question

Hi,

I have a 2 column layout and the right column does not extent all the way to the bottom of its wrapper div. I read some stuff and applied height:100% to all the wrappers, including the html, body.

would I have to add height:100% to every div that wrapps around the right column, all the way back to html,body?

anything else I am forgetting maybe?

attached a screenshot with firebug open.

best
Florian

No, because then every element would be st uck at 100% height and wouldn’t allow for growing.

Equal height column techniques are generally a bit awkward, though you can fake it with a faux column technique (basically have a wrapper element, and then have your two columns inside it)

Then give the wrapper overflow:hidden (or another clearing mechanism) and then give the wrapper a very short (but wide enough) background image and repeat-y it and give it different colors…that way it will appear as equal heights.

I feel like I explained that poorly
http://pmob.co.uk/pob/equal-columns.htm

First example :slight_smile:

The repeating background image trick worked great. Thank you for your help!

You’re welcome :). Glad it worked.