Проблема с удержанием нижнего колонтитула CSS внизу

Question

Эй, у меня проблемы с относительным расположением нижнего колонтитула. Я использую div clearfooter, чтобы держать нижний колонтитул внизу каждой из моих страниц. Это прекрасно работает для всех разрешений, кроме 1440x900, есть идеи, почему это разрешение заставило бы заголовок подняться на 10 пикселей вверх?

КОД: http://pastie.org/929802

Answer 1

Похоже, вы пытаетесь использовать метод, подобный этому:

http://fortysevenmedia.com/blog/archives/making_your_footer_stay_put_with_css/P25/

Что в этом случае вам нужно немного больше CSS, чтобы помочь вашему нижнему колонтитулу оставаться на месте. Вам нужно будет задать высоту вашего нижнего колонтитула, равную вашему классу clearfooter:

#footer {height:150px; position:relative}

А также добавьте в свой класс оболочки:

#wrapper {margin:-150px; position:relative; min-height:100%}

Конечно, если ваш нижний колонтитул не имеет высоты 150px, вам нужно отрегулировать классы (то есть, отрицательный запас # wrapper, высота # footer и .clearfooter), чтобы они были правильного размера.