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

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

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

Какие-либо предложения?

Спасибо! Elliot

1
задан Elliot 15 May 2010 в 17:22
поделиться

2 ответа

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

2
ответ дан 3 September 2019 в 00:31
поделиться

это произошло потому, что есть отрицательное поле:

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

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

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

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

0
ответ дан 3 September 2019 в 00:31
поделиться