Margin / Padding там, где не должно быть

Question

Веб-сайт: http://www.srstage.d19.us

* {
padding: 0;
margin: 0;
}

работает, но это для каждого элемента

Я разработал это хакерское решение:

#header {
margin-bottom: -30px;
margin-top: -20px;
}

Проблема в том, что сверху и под заголовком есть пробел.Однако все соответствующие элементы, включая body, по-видимому, имеют поля и отступы, равные 0. Я не уверен, как именно это исправить.

Спасибо за вашу помощь.

Answer 1

#blog-title{
    margin: 0px;
}

или

#header h1{
    margin: 0px;
}

Согласен с Пеккой, http://getfirebug.com/ является необходимым !

Answer 2

Это отступ по умолчанию / отступ для окружающего элемента h1#blog-title. Установите оба значения в 0, и оно должно работать нормально.

В качестве дополнительного примечания, на будущее, Firebug "Inspect element" и его вид в макете

- идеальный инструмент для поиска подобных вещей.

Answer 3

У вас есть запас для внутренних элементов. Они распространяются на своих родителей. В таких случаях используйте прокладку. В вашем случае h1 в заголовке имеет запас. удали его и все готово.