Разрыв внизу страницы

Question

Я почти закончил проектировать скин для моих форумов, и у меня был пробел внизу страницы, под нижним колонтитулом почти с тех пор, как я начал. Я нашел несколько похожих вопросов и перепробовал все предложения, но, похоже, не могу найти причину пробела в нижней части страницы моего форума.

Форум: Ссылка на форум

Я проверил все свои поля и отступы, и все они в порядке, и проблема, кажется, появляется во всех браузерах.

Answer 1

Пробел вызван полем в вашем div-обертке.

margin: -85px auto -60px auto «-60px» является виновником (нижнее поле). Уменьшите или увеличьте его, чтобы изменить свой разрыв.

Ток:

.body_wrapper {
padding: 0px;
background: transparent none   ;
/*-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;*/
width: 960px;
margin: -85px auto -60px auto;
}

Уменьшенный разрыв:

.body_wrapper {
padding: 0px;
background: transparent none   ;
/*-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;*/
width: 960px;
margin: -85px auto -134px auto;    // CHANGE IS HERE
}

См? Меньше разрыва :) (нижнее поле: -134px)

Answer 2

Установите свой

    body {overflow:hidden}

Answer 3

Попробуйте использовать Google Chrome Inspector или Firebug для Firefox.

это простая проблема CSS, вы щелкаете правой кнопкой мыши ПРОВЕРЬТЕ ЭЛЕМЕНТ и она покажет вам все атрибуты CSS для этого элемента.

О Chrome Inspector (пример)
http://www.threetipsaday.com/2008/12/debug-inspect-google-chrome-inspector/

ОБНОВЛЕНИЕ

Похоже, проблема заключается вотступ для меня на вашем нижнем колонтитуле:

.footer {
    background: url("images/simplexity/backgrounds/background.png") repeat scroll 0 0 #33559B;
    border: 0 none;
    clear: both;
    display: block;
    font: 13px Tahoma,Calibri,Verdana,Geneva,sans-serif;
    margin-top: -80px;
    padding: 115px 0 3px;
}