в общем замучался. как на css и div'ах сделать такого вида таблицу


то есть нужно, чтобы высота ячеек в колонке не зависела от высоты ячеек в других....
по логике должно быть
display: table-column-group
                 table-column
                    table-row-group
                        table-row
                             table-cell
а не выходит....

или, может быть, кто-то знает где лежит хороший tutorial?

     

scai, зачем тебе на css эмулировать таблицу ? в той картинке что ты дал ИМХО можно спокойно обойтись без этого. Сделай три дива (для левой стороны, центра и правой стороны), а в них уже спокойно размещай инфу.

vintyara
хорошо. а как сделать, чтобы они колонками были, чтобы если средняя длиннее остальных, ее содержимое не "обтекало" блоки левой и правой(как при float), чтобы тексто во всех колонках начинался сверху....

Я бы на твоем месте основные три колонки разметил таблицей, а остальное уже можно на дивах.

Levsha, а смысл  ? ИМХО бесполезное увеличение кода. Прекрасно и без таблицы делается, как я показал в своём примере. С таблицей практический мой код будет + таблица.  

vintyara, смысл в том что DIV не растянет на 100% по высоте, а таблицу растянет. Тем более, что когда делаешь только основной каркас (три колонки основных) то бесполезного кода почти нет. 
Вместо 
<div></div><div></div><div></div>
будет
<table><tr><td></td><td></td><td></td></tr></table>
Всего на 19 байт длиннее, а работать дальше гораздо удобнее...

Levsha,  добавь в цсс

position: absolute;
height: 100%;

и будет тебе 100% по высоте 

vintyara, а если нужно чтоб позиционирование было не абсолютным?
Тем более и так не получается

безтабличная верстка с применением абсалютного позиционирования? бывает..... в нете ОГРОМНОЕ количество примеров реализации)

спасибо.

однако, лук эз дак бат из нот.
если четвертую колонку надо добавить... кнопочки какие нибудь.... никакой float, как я понимаю, не поможет.... все таки...  кроссбраузерная таблица на div+css?