Как убрать невидимый внутренний отступ у body?

Question

[Z_Coder]

Здравствуйте. Есть проблема с версткой: на сайте присутствует верхний внутренний отступ у body, который мешает внутреннему блоку перекрыть фон у body полностью. Не могу разобраться откуда этот отступ.
Вот собственной сам сайт: http://akimat.gostest.kz/.
Вся проблема только на первой странице приветствия.
Упарился совершать манипуляции с devtools и firebug. Сайт сделан на drupal7. Может проблема в нем. Уже и не знаю что предположить в самом деле.
Спасибо.

Answer 1

[ServDev]

У вас дважды объявляться док тайп + дважды открывается head + body - как будто дублируется какая то часть шаблона.

Answer 2

[Алексей Уколов]

#preview {
    margin-top: 50px;
}

Проблема в этом.

Если нужен отступ, то margin стоит заменить на padding.

Answer 3

[Роман Яковлев]

У внутреннего блока с id "preview" margin-top=50, который и сдвигает весь блог... через devtools это хорошо видно кстати, невнимательно смотрели видимо...

Comments

[Z_Coder]

Видно оно видно. Только и в мыслях не было, что причина в этом. Не могли бы вы объяснить почему margin-top внутреннего блока двигает родительский блок? Или ссылочку дать по этой теме.

[krasulya]

Потому что именно так оно работает. http://www.w3.org/TR/CSS2/box.html#collapsing-margins

Answer 4

[Юрий Лобанов]

Отступ из-за
<div id="preview">

#preview {
    border-radius: 5px;
    color: #FFFFFF;
    font: 1.1em 'Times New Roman',serif;
    margin: 50px auto auto;
    padding: 10px;
    width: 550px;
}

Сделайте

#preview {
    border-radius: 5px;
    color: #FFFFFF;
    font: 1.1em 'Times New Roman',serif;
    margin:0 auto auto;
    padding: 10px;
    width: 550px;
}

и отступ пропадет.

Answer 5

[Олег Володин]

#prev-wrapper{
/*...что-то ваше*/
position: absolute;
top: 0;
left: 0;

}