Нижний колонтитул не доходит до дна

Question

Мой нижний колонтитул не доходит до конца.Я поместил свой код в скрипту js, чтобы люди могли посмотреть:

http://jsfiddle.net/q2pd5/

Моя проблема лучше просматривается на реальной странице: http://dev.madhousecreative.co.uk/Полноэкранный результат jsfiddle также очевиден.

Как видно, под нижним колонтитулом есть белый пробел, и я не знаю, почему он появляется.

У меня здесь много поплавков, но я пытался очистить их при необходимости.

Также пытались закрепить нижний колонтитул, как предлагалось в ответах на некоторые другие вопросы, но это тоже не работает.

Насколько я знаю, это есть во всех браузерах

Answer 1

Просто добавьте

overflow: hidden

в #footer в вашем css. Это маленькая хитрость, которую часто упускают из виду. В основном переполнение: скрытый позволяет вашему div в размер по вертикали на основе его содержимого.

Answer 2

Вы не очистили float списков в нижнем колонтитуле. Очистите с overflow: hidden; в нижнем колонтитуле следующим образом:

 #footer {
     overflow: hidden;
 }

Answer 3

В нижнем колонтитуле указано height: 200px;, выделение фонового изображения.Нижний колонтитул фактически простирается до нижней части окна, но последний элемент в списке не виден, потому что это белый текст на белом фоне.

Другими словами, установка overflow: hidden не исправляетэто один, это просто кусочки остальной части нижнего колонтитула.Удалите height: 200px, и это работает.

Answer 4

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

#footer:before, #footer:after {
    content: "";
    display: table;
}
#footer:after {
    clear: both;
}

#footer {
    zoom:1; /* ie fix */
}