CODEWITHSUNDEEP
csssticky-footer
Burt
Burt

Reputation: 7758

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/

Upvotes: 0

Views: 241

Answers (2)

Stuart Burrows
Stuart Burrows

Reputation: 10814

This is because you have a padding-top of 20px on the body element. This makes the height of the body element full screen plus 20px.

remove it and you'll be good :)

Upvotes: 2

mqchen
mqchen

Reputation: 4193

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.

Upvotes: 3

Related Questions