PDA

View Full Version : div expand to bottom



Icy Penguin
March 19th, 2007, 09:09 PM
I was thinking this would be an easy problem...but it isn't for some reason.

linky (http://icypenguin.ca/pfs2)

I'm trying to get the black box on the left side to expand to 100% height of the browser but if the height of the content inside that div is larger than the browser height, then expand to that height.

So basically always fill up 100% of the browser's height.

:scream:

thebloodpoolkid
March 19th, 2007, 10:33 PM
Faux Columns is one way but not sure if that solution would satisfy your needs.

Icy Penguin
March 20th, 2007, 12:12 AM
Ugh. Duh.

Thank you. :)

alcinoe
March 20th, 2007, 11:53 AM
Looks like you solved it. I usually put a maching background image on the body the same width that I want the div and repeat it y. When the content in the div runs out, the body background image takes over.

foodpk
March 20th, 2007, 12:05 PM
Yeah, that's faux columns. The faux columns method is really useful unless you want to have some kind of other background image too. Then you have to see if you can make a good vertical pattern or try to solve stuff with some wrapper divs.