Page 1 of 1

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

Posted: Fri Sep 26, 2008 10:50 am
by 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.

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

Posted: Fri Sep 26, 2008 11:14 am
by sn3p
maybe this helps?

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

Posted: Fri Sep 26, 2008 12:18 pm
by nakkiel
Thanks, I gotta study that back home some more, I'll add (solved) later :)

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

Posted: Mon Sep 29, 2008 5:58 am
by 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).

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

Posted: Mon Sep 29, 2008 11:08 am
by 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.

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

Posted: Mon Sep 29, 2008 12:12 pm
by 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 :)