вопрос
Есть задача, например, нужно получить подобный блок:
Он состоит из 2х вложенных div-ов с различными фонами.
Если делать через padding родительского div-а, то все нормально:
А вот если использовать только margin во внутреннем блоке
То получим такое:
Как используя только margin во внутреннем блоке получить правильный результат?
Он состоит из 2х вложенных div-ов с различными фонами.
Если делать через padding родительского div-а, то все нормально:
<div style="background:#ebecec;width:200px;padding:7px 0;">
<div style="background:#777;height:50px;margin:0 7px;"></div>
</div>
А вот если использовать только margin во внутреннем блоке
<div style="background:#ebecec;width:200px;">
<div style="background:#777;height:50px;margin:7px;"></div>
</div>
То получим такое:
Как используя только margin во внутреннем блоке получить правильный результат?
Этот ньюанс описан в этой статье.
Как вариант, наружному контейнеру применить свойство display:inline-block, но вот в ie6-7 могут быть проблемы.
Ну или внутреннему блоку добавить стиль float:left|right
Как вариант, наружному контейнеру применить свойство display:inline-block, но вот в ie6-7 могут быть проблемы.
Ну или внутреннему блоку добавить стиль float:left|right