Page 1 of 1

[SOLVED]DIV Footer always at the bottom of the page

Posted: Mon Aug 24, 2009 12:15 pm
by r00ki3
Hello All,

I'm trying to get a new website online...but still have some issues with getting the footer on the bottom of the page.
With page I mean PAGE and not screen...

My layout is captured in one box where all the div's are located in.
Furthermore I've one div that fills the screen horizontally as a background for the header.
I'd like to have the same for the footer but I just can't get it work.

I tried using a div with bottom: 0px; but that results in having the div at the bottom of the screen...but I'd like to have it at the bottom of the page! Also tried a body background image positioned at the bottom of the page...but had the same effect.

Globally my layout is build up like this:
1 box that is centered and in the box:
 -header
 -content
 -footer

Since the site is centered, some big ass screens show some space at the left and right side of the site...to fill that up I've made some backgrounds in the same style as that part of the website.
Header works...content works...but I don't know how to do the same with the footer.

This miight all sound difficult and weird...but just have look to clarify all this ;)

http://www.dressuurstal-nijpjes.nl/

Any help or suggestions are appreciated!!

Re: DIV Footer always at the bottom of the page

Posted: Tue Aug 25, 2009 12:37 pm
by Deak

Re: DIV Footer always at the bottom of the page

Posted: Tue Aug 25, 2009 2:54 pm
by r00ki3
It kinda works...but it pushes my footer somewhere I can't see it anymore.
I've no idead how to get it working  :(

Re: DIV Footer always at the bottom of the page

Posted: Thu Aug 27, 2009 9:17 am
by r00ki3
any ideas?

Re: DIV Footer always at the bottom of the page

Posted: Sun Aug 30, 2009 8:39 pm
by Dr.CSS
Sticky footer is for when you have a page with very little text/content and want the footer to go to bottom of browser window, imho is a very stupid thing useless, just put more content in or live with it...

It actually sounds like you just want the whole page to be a certain height and always have the footer visible in browser window, also imho a stupid design choice, as long as the footer is below the content and not half way up the page it's good...

All this sticky footer and fixed page height is not necessary and useless, IMHO  ;)...

Re: DIV Footer always at the bottom of the page

Posted: Mon Aug 31, 2009 7:59 am
by r00ki3
Well...I solved it.
The design wasn't designed with a fixed height or a little content.

Here's what I did basically:

main div
        header div
        content div
        footer div
close main div
Footer background div

Just have a look and see it for yourself @ http://www.dressuurstal-nijpjes.nl

Re: DIV Footer always at the bottom of the page

Posted: Tue Sep 01, 2009 12:11 am
by sn3p
You fixed it or are you just filling it with enough content so it's almost always at the bottom?
On [url=http://"http://www.dressuurstal-nijpjes.nl/index.php?page=foto-s"]this page[/url] the footer is not sticking at the bottom in FF 3.5.2.

Re: DIV Footer always at the bottom of the page

Posted: Tue Sep 01, 2009 8:23 am
by r00ki3
The footer doesn't have to be always at the bottom of the SCREEN.
It's moving with the content so it's always at the bottom of the PAGE.

Re: DIV Footer always at the bottom of the page

Posted: Tue Sep 01, 2009 12:15 pm
by sn3p
[SOLVED] then i guess ;)

Re: [SOLVED]DIV Footer always at the bottom of the page

Posted: Tue Sep 01, 2009 9:42 pm
by Fraserm
The bottom of your content panel (the white curved section at the bottom) doesn't line up on most of the pages on FF3.

I'll attach a picture if you need it.

Re: [SOLVED]DIV Footer always at the bottom of the page

Posted: Wed Sep 02, 2009 6:54 am
by r00ki3
Hm...weird...it would be great if you could show me...so I can fix that one  8)

Re: [SOLVED]DIV Footer always at the bottom of the page

Posted: Sun Sep 06, 2009 7:56 pm
by Fraserm
Hey dude, hopefully i've managed to attach a picture!

Re: [SOLVED]DIV Footer always at the bottom of the page

Posted: Sun Sep 06, 2009 9:23 pm
by r00ki3
Oh...well...I've noticed that one too. But I haven't found a solution yet.
But it's not too disturbing...;)