Хитрая верстка дивами

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

<div style="width: 240px; float: left"></div>
<div style="width: 120px; float: right"></div>
<div style="margin: 0px 120px 0px 240px"></div>

http://mambasana.ru/cool/css.html

как вариант левый и правый дивы плавующие с выравниванием соответственно справа и слева, а средний имеет ширину 100% с фоновым рисунком повторяющимся по х. но имейте ввиду блокам надо будет задовать явно высоту либо включать в нутрь таблицу или другой блок.

как вариант напишите несколько таблиц стилей под разные браузеры и разрешения и подключайте нужную скриптом (лично я так и делаю)

В свое время я изголялся и в довесок к перечисленным условиям делал еще 2:

1. Центральная колонка с контентом в коде идет первой.

2. Если текст в колонках не доходит до самого низа, то верстка всеравно рисуется на 100% высоты окна браузера (т.е. футер "приклеивается" к низу).

А так, ссыла по теме:

ThreeColumnLayouts

Topcrust,

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

И что, получалось? без навороченной вложенности дивой, скриптов и css-хаков?

а по сабжу - проще всего абсолютным позиционированием задать. хотя все зависит от поставленной задачи.

Смотря что считать "навороченной". Скриптов нет, 2 хака. HTML таким вот был:

<div id="out1">



<div class="out2">



<div id="center">center<div>



<div id="left">left<div>



</div>



<div id="right">right</div>



</div>

Ну, и внизу еще footer с header'ом болтались.

А если колонки разной высоты? И неизвестно, какая самая длинная? И у всех разного цвета фон? А к самой длинной еще футер внизу приклеить надо?

Topcrust,

если хочешь, чтобы я тебе ответил на все эти вопросы, думаю, лучше создай отдельную тему или найди подходящую существующую.

да к тому же, ты же писал, что у тебя нет с этим вопросов, еще и html код привел, правда без css он особой ценности не имеет.

Не, вопросов нет. Они скорее, риторические :-). А кусок HTML привел - это просто к ответу про вложенность div'ов.