не могу разобраться с margin

[kent666]

Всем привет. Помогите пожалуйста. Использую margin для того что бы установить отступы от основного дива, но почему-то он рвет структуру. Смещает слой на 5px вниз!!!

уже и clean:both в стили ставил. Ему все пофиг!!!

Мне говорили что даже лучше верстать таблицами. не все браузеры нормально отображают CSS

Edited July 5, 2011 by kent666

[sigma77]

kent666,

код мы сами угадаем?

[Bonzash]

Ссылку или код плиз.

[kent666]

Кода просто очень много! Убираю повозможности все ненужное. проблема в

<form action="" method="post">

    [b]<div style="padding:5px; border:1px solid; width:100px; margin:5px" >[/b]

        <a href="http://www.my-site.ua/admin/news/new">Новая новость</a>
    </div>

    <div style="float:right;padding:10px; width:650px; min-height:400px; color:#000000; background-color:#FFFFFF; border:1px solid">   

<div id="main"></div>
</div> 
<div style="clear:both"></div> 
</div>
</form>

Edited July 5, 2011 by kent666

[sigma77]

kent666,

Если я правильно поняла по описанию, то это схлопывание вертикальных марджинов

http://www.xiper.net/learn/css/box-model/margin-collapsing.html

http://www.google.ru/search?q=%D1%81%D1%85%D0%BB%D0%BE%D0%BF%D1%8B%D0%B2%D0%B0%D0%BD%D0%B8%D0%B5+margin&ie=utf-8&oe=utf-8&aq=t&rls=org.mozilla:ru:official&client=firefox

[SelenIT]

не все браузеры нормально отображают CSS

Скорее, не "нормально", а "ожидаемо для здравого смысла". В спеке CSS масса неочевидных моментов (поведение margin-ов у границ предка — из их числа), но если принять ее логику, запомнить эти моменты и начать пользоваться ими вместо того, чтобы с ними бороться — "проблемы" в браузерах сокращаются до минимума и верстать становится еще проще, чем таблицами.

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

[kent666]

может это оно.Еще вопросик. я не знаю как лучше верстать. При помощи стилей или таблицей. Если верстать таблицей то это немного подтупит браузер, но зато на любом браузере все будет выглядеть нормально

[SelenIT]

Если верстать таблицей то это немного подтупит браузер, но зато на любом браузере все будет выглядеть нормально

Это было верно лет 7-8 назад. Сейчас у стилей возможностей гораздо больше, а таблицы очень плохо работают в IE7 с правильным доктайпом (без которого не работает масса других необходимых в наши дни вещей). Так что сейчас от каркасных таблиц проку мало.

[psywalker]

может это оно.Еще вопросик. я не знаю как лучше верстать. При помощи стилей или таблицей. Если верстать таблицей то это немного подтупит браузер, но зато на любом браузере все будет выглядеть нормально

Верстать однозначно надо слоями, а схлопывание маргинов - это подарок, а не беда, как думаю многие начинающие верстальщики. Т.е. я например из них всегда извлекаю только полезное и нужное при раскладке блоков.