Как разместить контент в три колонки?

выводите при помощи таблицы...

примерно так:

$counter = 0;

echo '<table><tr>';

foreach($contents as $value) {

          echo "<td>$value</td>";

          if( ++$counter % 3 == 0 ) echo '</tr><tr>';

}

echo '</tr></table>';

примерно так.. ^_^

если нужно на дивах сделать, то смысл такой же, палить остаток от деления на нужное число колонок и выводить элемент новой строки..

$counter = 0;

echo '<table><tr>';

foreach($contents as $value) {

          echo "<td>$value</td>";

          if( ++$counter % 3 == 0 ) echo '</tr><tr>';

}

echo '</tr></table>';

ixRock, спасибо за подсказку. А как это сделать с помощью div или не получиться.?

Я пробовал не вышло.

как конкретно пробовали? код в студию)

надо чтобы у дивов была резиновая ширина колонок?

Надо чтоб div в высоту только тянулся

в ширину не менялся.

А у меня текст вылазит за пределы колонок.

Возможно надо просто напросто переделать шаблон под табличкую верстку.

Для меня это проще, в дивах вообще не понимаю.

Я бы сделал иначе: во-первых, скорее всего тексты новостей разной длины, представьте картину, одна новость 1000 символов другая 100 (типа "С новым годом, парам пам пам"), получится что первый див (первая колонка) растянется в высоту, скажем на 200 пикселей, второй будет по высоте таким же, но пустым на 90%, не красиво.

Выход: делаем все дивы одинаковой высоты (и ширины соответственно), ставим overflow:hidden(auto - если нужна прокрутка);float:left, сами новости режем скриптом, скажем, по 300 знаков или (вот тут я не помню, но это уже где-то обсуждалось, по моему даже на серче) ставим css свойство, которое автоматом ставит троеточие если текст не умещается в элемент, внизу дива ставим, ну допустим, span (отбиваем его по нижней части дива), а в нём ссылку подробнее.

И не нужно никаких мудрёных циклов клепать, дивы сами будут выстраиваться в 3-4-5 колонок, в зависимости от ширины самих дивов и их родителя

Обрезанные новости и новости с полосой прокруткой мне кажется будет смотреться не очень.

seosniks, с какой стороны у вас текст вылазит?

Предполагаю, что у вас еще колонки сьезжают. Если так, то нужно после вывода нужного числа колонок ставить блок

<div style="clear:both"></div>

делаем список

<ul>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
</ul>

для <li> выставляем ширину в 30%, между <li> выставляем отступы в 5% (margin-right:5%), последний отступ (третий) обрезаем с помощью отрицательного маржина для <ul> равному тем же 5%. вот и все, все само будет переноситься на следующую строку, по 3 столбца в строке

Хорошие дивные верстки можно взять тут: http://www.intensivstation.ch/en/templates/ Там есть тянущиеся, не тянущиеся - в общем почти все, что можно придумать. Возможно ТС найдёт, что ищет.

<ul>

    <li></li>

    <li></li>

    <li></li>

    <li></li>

    <li></li>

    <li></li>

</ul>

Через <li></li> делал три колонки но там видать верстка самого шаблона кривая.