VPF::вопрос про верстку div - Форум программистов

ilya_cska

Дата 6.11.2008, 15:56 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 165
Регистрация: 25.1.2008

Репутация: нет
Всего: нет

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

Код


<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 нельзя, т.к. получается много лишнего при верстке.
вот примерно на картинке, как надо

. черные рамки, это дивы

Это сообщение отредактировал(а) ilya_cska - 6.11.2008, 15:57

ksnk

Дата 6.11.2008, 16:06 (ссылка)

(нет голосов)

Загрузка ...

прохожий

Профиль
Группа: Комодератор
Сообщений: 6855
Регистрация: 13.4.2007
Где: СПб

Репутация: 48
Всего: 386

Цитата

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

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

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

--------------------

Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image

SelenIT

Дата 6.11.2008, 17:56 (ссылка)

(нет голосов)

Загрузка ...

баг форума

Профиль
Группа: Завсегдатай
Сообщений: 3996
Регистрация: 17.10.2006
Где: Pale Blue Dot

Репутация: 97
Всего: 401

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

--------------------

Осторожно! Данный юзер и его посты содержат ДГМО! Противопоказано лицам с предрасположенностью к зонеризму!

ilya_cska

Дата 7.11.2008, 08:07 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 165
Регистрация: 25.1.2008

Репутация: нет
Всего: нет

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

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »