Блочная верстка div интересный и не понятный момен...

mishanya84 · 2011-02-07T13:40:49.0000000Z

Добрый день! Разъясните пожалуйста в чем хитрость? Есть главный контейнер div в нем еще три, левый, середина, и правый. <div id="conteyner"> <div id="left"></div> <div id="right"></div> <div id="content"></div> </div> И есть правила: #conteyner { margin: 0px auto; background-color:#00CC66; width: 800px; height: 600px; } #left{ margin: 0px; margin-top: 50px; padding: 0px; background-color:#0066FF; width: 100px; height: 400px; float: left } #content{ margin: 0px auto; margin-top: 30px; padding: 0px; background-color:#999999; width: 400px; height: 500px; } #right{ margin: 0px; margin-top: 50px; padding: 0px; background-color:#FF0000; width: 100px; height: 400px; float:right; } Так вот левый слешается маргин-топ, правый тоже, а средний нет. Если ставишь ему маргин-топ - то он делает отступ от окна браузера, а не от главного контейнера. Когда главному прописываешь padding хотя бы 1px, то средний начинает слушаться margin-top.

U2

69

Us2828

7 февраля 2011, 18:01

#11

Я же говорил, что float дописывайте и не мучайтесь.

Вот например так допишите к центральной части

float:left;

margin-left:100px;

margin-top:30px;

Левый отступ центрует соответственно блок(т.е. значение выбираете уже для центровки).

Это как вариант...

Google: как сделать статические Яндекс: Директа в левой Партнерам РСЯ стал доступен

242

Anamnado

7 февраля 2011, 18:42

#12

удалил месаг

168

dma84

7 февраля 2011, 21:01

#13

Ну а как же вы собираетесь верстать без указания DOCTYPE?

Зачем быть уникальным в мире, где все можно скопировать

Курс биткоина превысил $50 тысяч