Как убрать пустую область после футера?

Question

[Алексей]

Доброго вечера! Подскажите, пожалуйста, как убрать пустое пространство после футера на сайте? Вот пример страницы: filtr-dlya-vodi-sevastopol.ru/kontaktyi/. Такая пустая область проявляется на "коротких" страницах. А где информации больше, то страница растягивается и выглядит нормально. Но это ж не дело. Пытался сам выявить, почему так, но не получилось. Смотрел и в firebag, тож не увидел. В инете информацию читал про абсолютное позиционирование и высоту в 100%, но я не понял, как именно и к каким блокам нужно его применять. Всё куда-то уезжает. Надеюсь на ваши советы и подсказки, спасибо :)

Answer 1

[Сашка Оке]

Я бы посоветовал Вам переверстать дизайн.

Отступ пропадает если убрать ширину:

— от меню
— от дива с классом leftsidebar
— от дива с классом rightcontent

Всё написано на float: left, везде указана ширина. В этом и проблема.

Comments

[Сергей Горячев]

Да, там конечно треш...

[Алексей]

Спасибо, понял.. Сайт достался в таком виде, придется что-то думать..

Answer 2

[DanKud]

Через отладку причина достаточно легко находится. Нужно убрать position: relative у элемента <ul> в .mainmenu. Ну а по хорошему конечно надо переверстать все, как уже и посоветовали :)

Comments

[saintluka]

Даже зная уже ответ, не могу найти связь между position: relative у элемента <ul> в .mainmenu! и тем отступом.
Интересен ход мыслей, как достаточно легко обнаружить такое?