(Solved) 100% div always at the bottom of the browser(s)

[nakkiel]

Hi

I'm trying to create a div that would always be at the bottom of the document, no matter what. Here's my progress so far:
http://www.vitaltraining.fi/test.html (works fine with ff, not with ie)

And here's a working version without 100% width:
http://www.vitaltraining.fi/

So you see, that working versio is at the bottom of the page, even if you zoom the page, and works with ie too.

[sn3p]

maybe this helps?

[nakkiel]

Thanks, I gotta study that back home some more, I'll add (solved) later

[nakkiel]

That didn't work at all... The footer is absolute in that example. I need a footer, that goes down if my content is long, and it is at the bottom of the browser when my content is shorter. Also, when I zoom the page smaller, the footer still stays down at the bottom.

This may sound exactly what that example is, but there is a key difference; when the you add more and more content to the middle container, the footer should not "hide" the middle container underneath, it should go to the bottom of the page (not the bottom of the browser window).

[sn3p]

What does it matter if the footer is absolute..
In the example I gave you it's always at the bottom of the page in all browsers (even if there is a lot of content). If you do it right that is offcourse, it can be tricky to apply this.

[nakkiel]

Sorry sn3p, I had a -tag after my -tag, (and of course before the closing -tag... That made that layout go nuts. Now works perfectly