Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > Вёрстка веб-сайтов > вопрос про верстку div

Автор: ilya_cska 6.11.2008, 15:56

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

Код


<div style="width:700px;">
    <div style="width:200px; float:left;  border:1px solid #ccc; ">
    текст<br />
    текст<br />
    текст<br />
    vтекст<br />
    текст<br />
    </div>
     <div style="width:200px; float:left; clear:left; margin-top:10px;  border:1px solid #ccc; ">
    текст<br />
    текст<br />
    текст<br />
    vтекст<br />
    текст<br />
    </div>
    <div style="width:200px; float:right; border:1px solid #ccc; ">
    текст<br />
    текст<br />
    текст<br />
    текст<br />
    </div>
     <div style="width:200px; float:right; clear:right; margin-top:10px; border:1px solid #ccc; ">
    текст<br />
    текст<br />
    текст<br />
    текст<br />
    </div>
    <div style="width:200px; float:right; clear:right; margin-top:10px; border:1px solid #ccc; ">
    текст<br />
    текст<br />
    текст<br />
    текст<br />
    </div>
</div>

И получается, что правые сползают вниз. Мож есть какое-нить свойство css, которое я не знаю. Разбивать внутри главного дива еще на 2 нельзя, т.к. получается много лишнего при верстке.
вот примерно на картинке, как надо http://ipicture.ru/. черные рамки, это дивы

Автор: ksnk 6.11.2008, 16:06

Цитата

Разбивать внутри главного дива еще на 2 нельзя

Тогда никак! smile

А абсолютно позиционировать тоже не позволит религия? smile

Автор: SelenIT 6.11.2008, 17:56

Колонки из CSS3 напрашиваются. Напрямую поддерживаются в FF 1.5+ (в виде -moz-column-count) и аналогах, для других есть яваскриптовые эмуляции (если очень нужно, можно поискать). А в рамках чистого (X)HTML/CSS2.1 - действительно никак...

Автор: ilya_cska 7.11.2008, 08:07

спасиб за ответы