Search code examples
htmlcsslayoutsticky-footer

Why isn't my sticky footer working?

I'm trying to make a sticky footer, but it's not quite working for me.

CODE: http://jsfiddle.net/PC8x7/1/

As you can see in the live view, the footer comes underneath the rest of the page but you have to scroll to get there. How can I avoid this, and only have it have a scroll bar when it needs to?

Solution

  • you have to get rid of the margins in the main containers and headers

    see the note about heights and margins http://www.cssstickyfooter.com/using-sticky-footer-code.html