Проблема с вёрсткой - свойство 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:48. |