Проблема с липким нижним колонтитулом CSS

Question

Я пытаюсь реализовать липкий нижний колонтитул CSS на следующей странице:

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

Как вы можете видеть, это работает до некоторой точки, но в нижней части имеется 20-пиксельный выступэкрана, вызывающего прокрутку (firefox).

Может кто-нибудь помочь, пожалуйста?

Я читал этот урок:

http://css -tricks.com /сниппет / CSS / липкая сноска /

Answer 1

Я думаю, что проблема вызвана padding-top:20px на элементе вашего тела. Попробуйте вместо этого переместить его на элемент body > #container > header.

Answer 2

Это потому, что у вас есть верхний отступ 20px на элементе body.Это делает высоту элемента тела в полноэкранном режиме плюс 20 пикселей.

удалите его, и вы будете в порядке:)