Проблема с отступами

[timmi55]

есть конструкция типа

<div id="1">

<div id="2">

</div>

</div>.

Мне нужно у id=2 сделать отступ сверху. прописываю margin-top: 50px; а у меня оступ срабатывает у id=1. Но если у id =1 прописываю border, то всё нормально

Ничего не могу понять. В чем дело

[hedgehog]

Этот эффект называется схлопыванием margins и проявляется только у вертикальных отступов. Проще всего назначить родителю (т.е. div#1) overflow:hidden. Немножко более подробно в "Примечаниях": http://htmlbook.ru/css/margin

PS: имена айдишников и классов должны начинаться с латинской буквы, не нужно придумывать себе проблемы на ровном месте.

[timmi55]

Про как называть id я знаю. назвал так для упрощения. Спасибо за ответ