Search code examples
csssticky-footer

CSS Sticky footer issue

I am trying to implement the CSS sticky footer on the following page:

http://www.tuhdoo.com/test/index.htm

As you can see it works to a point but there is a 20px overhang at the bottom of the screen that causes scrolling (firefox).

Can anyone help please?

I was following this tutorial:

http://css-tricks.com/snippets/css/sticky-footer/

Solution

  • I think the issue is caused by the padding-top:20px on your body element. Try moving it to your body > #container > header element instead.