lusever прав, но не до полной кроссбраузерности
Для лучшей кроссбраузерности рекомендуется делать чистку от флоат, если ниже будут какие то дивы еще.
.clearboth {clear: both;} Сделать чистку можно присвоив этот стиль ну допустим разрыву строки: <br class="clearboth" />
Код:
<div class="header_left"></div>
<div class="header_right"></div>
<div class="header_center">Тут типа текст</div>
<br class="clearboth" />
<div class="footer">.....</div>
Есть еще такой тупорылый браузер Internet Explorer или Осел. Ну так вот он не вкуривает иногда как обрабатывать флоат. Поэтому нужно быть очень осторожным с этим свойством и смотреть как оно отображается в Осле.
Лучше еще добавить в ХТМЛ код вида
Код:
<!--[if IE]>
<style type="text/css">
/* css fixes for IE */
.container {display: inline;}
</style>
<![endif]-->
где .container это стиль divа который содержит плавающие элементы которые мы выстраиваем в ряд.
И по собственно теме
 |
Цитата: |
 |
|
|
|
|
|
|
|
|
|
подскажите,
как выставить два дива в ряд,
а то они что не делаю друг под
другом получаются
( при это не вставляя один в другой! ) |
|
 |
|
 |
|
Решения
1. Отказатся от див и сделать таблицей, меньше геморроя и лучше кроссбраузерность.
2. Сделать жесткий див (CSS type: absolute) с жесткой разметкой. Минусы: потому что жесткий не будет тянутся никогда
. Т.е. контент>границ дива= полоса прокрутки (если нет ограничений в CSS).
3. Вариант резиновый. Это то что здесь обсуждалось. НО! Ничего не будет плавать в воздухе, для того чтобы работал флоат он ОБЯЗАН быть в контейнере. Иначе откуда ему знать относительно чего всплывать и куда? Т.е. дивы не обязаны быть вложенными, но обязаны быть в контейнере.
Кстати <body>........</body> тоже контейнер