Пространство поверх содержимого в Firefox

Question

Если вы посетите эту страницу в Firefox 3.6:

http://unirazz.com/images/ww/home.html

Над содержимым около 10 пикселей.

Что вызывает это дополнительное пространство сверху?

Answer 1

Я поэкспериментировал с этим, и мне удалось убрать немного места, отключив правило margin: 10px 0; для класса "нижнего колонтитула" ... всех вещей. (Я глубоко смущен этим.)

Answer 2

проблема с этой строкой:

<div class="clear"></div>

внутри div.header

clear: оба в css создают проблему.

удалите этот тег и используйте вместо него clearfix

как это:

добавить в файл div.header clearfix класса:

<div class="header clearfix">

затем добавьте эти строки в ваш css:

.clearfix:after {
content: "";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.clearfix {
    display: inline-block;
}
html[xmlns] .clearfix {
    display: block;
}
* html .clearfix {
    height: 1%;
}

пожалуйста, обратите внимание на вторую строку: содержание: "";

Answer 3

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

Answer 4

Firefox путается с полем на странице. Вы можете исправить это используя:

div.content {
   padding: 1px 30px;
}