Как правильно отступить от хедера?

Question

[Immix]

У меня есть вот такой хедер:


Как правильно отступить сверху? С помощью padding-top: 37px; для .container или задав header position: relative; и top: 37px; ?

Вот мой: код

Answer 1

[Sergiu Mitu]

как угодно, только не position: relative; и top: 37px;
можно padding-top, можно margin-top..

Comments

[Pavel O]

Margin-top на моей памяти не всегда адекватно работает

[Sergiu Mitu]

всегда работает по правилам, просто нужно помнить о margin-collapse

[Immix]

Сергей: gans5131: при margin-top происходит вот что: fotohost.by/images/2015/10/03/2.png

[Sergiu Mitu]

Евгений: по вашему ответу у меня складывается впечатление что вы так и не прочитали об margin-collapse ничего, вот довольно доходчивая статья xiper.net/learn/css/box-model/margin-collapsing , хоть и 2010-года..

После прочтения попробуйте понять как это в этом примере margin-top все-таки работает.... www.cssdesk.com/7MW9f

Answer 2

[Therapyx]

я бы задал хедеру margin-bottom. Или контейнеру margin-top.

Comments

[Immix]

Therapyx : Если задать margin-top для .container то отступает весь фон, помогает только padding-top
"я бы задал хедеру margin-bottom" - вообще не понял о чем ты

[Therapyx]

Евгений: ты тогда еще код не добавл, я думал хедер это хедер, а контейнер это то что ниже... ))

[Therapyx]

Евгений: тогда просто логично что марджин-топ

[Immix]

Therapyx: margin-top без overflow: hidden; не работает нормально

[Therapyx]

Евгений: обычно делаю вёрстку через флоаты, все прекрасно работает у "любого" блока.

[Immix]

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