Search code examples
csssticky-footer

Help with footer background image

Possible Duplicate:
How do you get the footer to stay at the bottom of a Web page?

The 2nd background image on this page isn't properly positioned... I'm struggling to come up with a fix... I need the footer to be at the bottom of the page, always. min-height doesn't work because I need it to always remain at the bottom regardless of their resolution.

Is there a CSS fix for this?

-URL REMOVED-

Solution

  • Sounds like you are looking for a sticky footer.

    http://ryanfait.com/sticky-footer/

    * {
    margin: 0;
}
html, body {
    height: 100%;
}
.wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -142px; /* the bottom margin is the negative value of the footer's height */
}
.footer, .push {
    height: 142px; /* .push must be the same height as .footer */
}

/*

Sticky Footer by Ryan Fait
http://ryanfait.com/

*/