[SOLVED]DIV Footer always at the bottom of the page
Posted: Mon Aug 24, 2009 12:15 pm
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!!
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!!