Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > Вёрстка веб-сайтов > Вывод контента в две колонки


Автор: champion26 28.10.2007, 16:29
Добрый день. 

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

Код

<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>



http://smages.com/ce/8d/ce8d3b61083a388f68c4036bd5e75f9f.gif.htm

мне же нужно, чтобы http://smages.com/6b/09/6b097beb575affa1f32aadd739b5653d.gif.htm

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

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

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)