Между блоками зазор

[Aleksey19881988]

Тест

Если footer-у добавить padding или border,зазора(15px) нет,если убрать сразу появляется,не могу въехать где ошибка

Edited July 3, 2012 by Aleksey19881988

[sammasati]

Это называется схлопывание отступов. Этот зазор — это верхний маргин параграфа, который находится в футере. Вот тут подробнее - http://htmlbook.ru/samlayout/blochnaya-verstka/skhlopyvayushchiesya-otstupy

Edited July 3, 2012 by sammasati

[Aleksey19881988]

помогает ещё вариант

nav+footer{

margin-top:-15px;

}

[sammasati]

Очень плохой вариант. Зачем сначала делать маргин, а потом его убирать отрицательным маргином?

[Aleksey19881988]

Это называется схлопывание отступов. Этот зазор — это верхний маргин параграфа, который находится в футере. Вот тут подробнее - http://htmlbook.ru/samlayout/blochnaya-verstka/skhlopyvayushchiesya-otstupy

да так и есть,задал для P{margin:0},зазор пропал,я читал о схлопывании,но видимо мало так как не знал что дочерние элементы влияют тоже

Очень плохой вариант. Зачем сначала делать маргин, а потом его убирать отрицательным маргином?

я не задавал маргин просто нужно было в начале сбросить так как 15px это отступ по умолчанию в браузерах

http://htmlbook.ru/samlayout/blochnaya-verstka/skhlopyvayushchiesya-otstupy

Да в самом первом абзаце весь смысл проблемы

и как тогда в таком случае лучше отцентрировать(задать отступ сверху) текст?paddingom для параграфа или блока ?

Edited July 3, 2012 by Aleksey19881988

[sammasati]

Можно оставить маргин у параграфа и задать overflow: hidden; футеру.

[Aleksey19881988]

а такой вариант будет правильным:

article,nav,footer,header,aside,div

{

overflow:hidden;

}

[sammasati]

Не, не стоит так делать. Иногда overflow: hidden; только мешает.

[Aleksey19881988]

Не, не стоит так делать. Иногда overflow: hidden; только мешает.

я так понимаю мешает если блок резиновый?

[sammasati]

Нет. Мешает когда у блока должна быть полоса прокрутки или когда контент блока должен выходить за его пределы.

[Aleksey19881988]

Нет. Мешает когда у блока должна быть полоса прокрутки или когда контент блока должен выходить за его пределы.

то есть если к примеру нужно в блоке позиционировать какую то картинку(как обычно бывает картинка находится и в контенте и в шапке)то её обрежет?

Edited July 3, 2012 by Aleksey19881988

[sammasati]

Если у блока стоит overflow: hidden; и картинка выходит за его пределы, то да, обрежет.

[Aleksey19881988]

Если у блока стоит overflow: hidden; и картинка выходит за его пределы, то да, обрежет.

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

если не позиционированная то обрезает