psyklopz psyklopz - 4 months ago 8x
CSS Question

Force <div> to fill all available vertical space

I've seen a pile of ways to do this online, but all that I've tried either break other CSS on the page or don't work all together.

On this page I would like to get the #container element to grow in height so that the footer touches the bottom of the screen.

How would you do that?


I ended up using position: fixed; and setting bottom: 0; top: 0; left: 0;. I then used a piece of jQuery .animate() magic to pull it off. Here's the working code and a demo all-in-one!