Простой вопрос CSS - липкие нижние колонтитулы и т. Д.

Question

Итак, я использовал пример для липких нижних колонтитулов из: http://ryanfait.com/sticky-footer/

Это прекрасно работало, за исключением одной вещи: когда содержимое в моем основном div слишком длинное, оно перекрывает нижний колонтитул, а не толкает его вниз по странице.

Есть предложения?

Спасибо! Эллиот

Answer 1

Они используют margin-bottom: -142px на .wrapper, и .footer имеет высоту 142px, поэтому независимо от того, насколько велик .wrapper, он всегда будет иметь пустые 142px внизу, которые затем будут заполнены .footer .

Answer 2

это произошло из-за отрицательной маржи:

.wrapper  {
font-size:0.9em;
margin:0 auto -142px;

В вашем случае, может быть, вы забыли про элемент .push. Он должен быть пустым в .wrapper

< div class="push" >< / div >

Или, может быть, вы установили z-index для .wrapper