Web-мастер: курс молодого бойца

Путаница с float

   

 Добавлено 2013-07-31 16:36:34
Илья Быков


Сообщений: 2
Зарегистрирован: 31.07.2013

Цитировать
Извиняюсь за возможный баян. Возможно я запутался с float-ами, но такое ощущение что иногда это свойство не работает так как надо. Есть div id="page", в котором лежат еще два diva, между собой я их расположил как надо внутри этого page. Родительскому (page) указываю, что float: top;, то есть все остальные элементы должны располагаться снизу его, правильно я понимаю? После закрытого тега </div> (тот самый id="page") создаю еще один div. Но как бы я не старался он всегда у меня вылазит внутри дива page, а не после него (снизу). Подскажите пожалуйста, кто может, уже два дня над этой ерундой голову ломаю, там ничего пока еще не придумал ((( дивы content и sidebar как вы поняли лежат внутри page.
#page {
float: top;
}
#content {
width: 65%;
margin-top: 12px;
margin-left: 4%;
border: 3px double #238EC6;
box-shadow: 12px 12px 30px #8B4513;
background: white url(images/img03.jpg) repeat-x top;
margin-bottom: 100px;
float: left;

}
#sidebar {
border: 3px double #238EC6;
background: white url(images/img03.jpg) repeat-x top;
box-shadow: 12px 12px 30px #006633;
margin-top: 12px;
width: 21%;
float: right;
margin-right: 3%;
text-align: center;
}
Наверх  Посмотреть профиль    

 Добавлено 2013-07-31 16:47:08
Илья Быков


Сообщений: 2
Зарегистрирован: 31.07.2013

Цитировать
Щас еще сделал border диву page, чтобы увидеть его. Так оказывается он у меня лежит под логотипом тоненькой полоской. Получается что content и sidebar в него не вложились и находятся уже как бы после page. Но почему? Вот код html:
<div id="page">
<div id="content"><!-- содержимое страницы -->
......
</div>

<div id="sidebar"> <!-- правое меню -->
......
</div>
</div>
Тут вставляю дальше любой див <div> ...... </div>
Наверх  Посмотреть профиль    
   
Быстрый ответ
 
Цвет шрифта: Закрыть все теги
Сообщение
Защитный код