Как убрать отступы между div?

Question

[Run Utochkin]

Подскажите откуда взялись и как убрать отступы между div на этой странице?

Comments

[Андрей]

Между какими именно?

Answer 1

[A K]

* {
    margin: 0;
}

или в вашем случае

img {
    display: block;
}
h1,h2,h3,h4,h5,h6 {
    margin: 0;
}

Comments

[Run Utochkin]

Спасибо!
Но появляется проблема: если я хочу сделать margin у заголовков, то он делается не от границы родителя (div), а сдвигает родитель вниз.
Почему такое происходит и можно ли исправить?

[A K]

Run Utochkin: сделайте padding у заголовков

[lnked]

Run Utochkin: Поставьте родителю overflow: hidden; или width: 100%; float: left;

[A K]

Эдик: а если потребуется что-то вывести за рамки родительского блока?

[lnked]

Symphony: тогда вариант с overflow: hidden не прокатит, это косяк если не ошибаюсь именно firefox'а

[A K]

Эдик: в вебките тоже не будет отображаться

[lnked]

Symphony: нет я имею ввиду косяк не с отображением за overflow: hidden а то что в фоксе смещение происходит у родительского элемента если у его дочек есть margin-top

[A K]

Эдик: так же как и в вебките

[lnked]

Symphony: Может, но в хроме не замечал

Answer 2

[Роман]

Взялись от заголовков.
Для того, чтобы искать откуда отступы, используйте панель разработчика в браузере. Тогда вы и увидите, что вам дает отступ.

В вашем случае случилось "схлопывание". Что это и как его побороть читайте здесь - htmlbook.ru/samlayout/blochnaya-verstka/skhlopyvay...

Answer 3

[Евгений Нечепуренко]

.block_1 {
position: relative;
margin-bottom: -4px;
}

h1 {
color: #754f4f;
margin-left: 16px;
margin-top: 0;
}