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
The repeating background image trick worked great. Thank you for your help!
You’re welcome :). Glad it worked.