Проблема с вёрсткой - свойство float.
Пытаюсь сделать шаблон для сайта. Нужно сделать так что бы блок "B" по правому краю обтекал блок "С", свойство float:left, для блока "B" указал, а всё равно, обтекания не происходит, пробовал указывать display: inline и inline-block, тоже самое, желаемого результата это не дало.
Желаемая схема такая: Блок "A" Блок "B" Блок "C" Блок "D" Моя страничка: http://antton120.narod.ru/SP/index.html Кто знает подскажите пожалуйста, что здесь не так? CSS: Код:
body, html <html> <head> <link href="css/style.css" rel="stylesheet" type="text/css"> </head> <body> <div id="container_ohvat"> <div id="verh_p"> A </div> <div id="ogranichitel"></div> <div id="content"> B </div> <div id="menu_u"> C </div> <div id="ogranichitel"></div> <div id="niz_p"> D </div> </div> </body> </html> ----------------------------------- С уважением, Антон. |
Я блоки поменял местами
<div id="menu_u">C</div>
<div id="content">B </div>
И добавил недостающее обтекание у одного из блоков, увеличил ширину, чтобы ты увидел, вобщем разберешься. Для компактности сократил код
#content, #menu_u {
width: 50%;
}
#content {
float:left;
}
#menu_u{
float: right;
}
|
Используй таблицы и не мучай себе мозг=)
|
А еще надо было для блока B не left указывать а right, а так же эти блоки должны быть общим размером не больше ширины экрана, желательно чуть меньше, если будет больше то, левый блок перекинет на следующую строку, так сказать.
|
Skipp,
браузеры округляют дробные значения пикселей в меньшую сторону.
<style type="text/css">
.carrier {width: 100px; background: red; height: 100px;}
.floater {float:left; width: 33.9%; background: blue; height: 100px} /* 33.9 × 3 = 101.7
</style>
<div class="carrier">
<div class="floater"></div>
<div class="floater"></div>
<div class="floater"></div>
<!-- 99 px -->
</div>
|
ФФ ничего не округляет)) (точней округляет но после вычислений, а не до)
А простейшее решение засунуть B в C(или наоборот). Если нужны какие-нить заморочки с шириной - внешнему добавить margin +, а внутреннему margin - . |
Цитата:
|
| Часовой пояс GMT +3, время: 22:30. |