VPF::Вывод контента в две колонки - Форум программистов

champion26

Дата 28.10.2007, 16:29 (ссылка)

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

Загрузка ...

Новичок

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

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

Добрый день.

Хочется решить одну проблему, может кто сталкивался и подскажет.

Код


<style>
body {background: #0099FF;}
#main {color: #fff;}
#left {float: left; height: 200px; background: #fff; width: 200px; color: #333333;}
#cont {padding: 0px 0px 0px 215px; background: #fff;}
.clear {clear: both;}
.news {width: 49%; margin: 5px 1% 5px 0px; float: left; background: #fff; color: #333;}
</style>

<div id="main">
    <div id="left">Содержание</div>
    <div id="cont">
     <div class="news">Здесь текст больше<br />Даже в джа раза</div>
        <div class="news">Вторая колонка</div>
        <div class="news">Здесь текст больше<br />А здесь в<br />три</div>
        <div class="news">Ну а здесь<br />в<br />четыре<br />раза</div>
    </div>
    <div class="clear"></div>
</div>

Сейчас это выглядит так

мне же нужно, чтобы она выглядела так.

Хочу сделать, чтобы блок "news" находил свободное место в блоке "cont" и сам автоматически подстраивался в это свободное место. Сейчас один блок ползет под другой блок.
Решить эту проблему никак не могу.

Всем заранее спасибо.

Это сообщение отредактировал(а) champion26 - 28.10.2007, 16:30

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