3-х колоночный макет

[sc@r@bey]

подскажите как сделать 3-колоночный мекет как на скрине, трудность в том, что там у каждой колонки есть рамка и все одинаковой высоты

[Justnewone]

подскажите как сделать 3-колоночный мекет как на скрине, трудность в том, что там у каждой колонки есть рамка и все одинаковой высоты

Ну, скажу так - самое простое и безгеморное - таблица =)

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

Но я бы, поставь кто пистолет к виску со словами "только дивами", сделал бы одним из 3-х способов.

1. display:table (правда тут будут проблемы с IE6 и 7)

2. JS выискивает высоту самой длинно колонки и назначает ее двум оставшимся.

3. Сделал бы "футер снизу экрана", потом положил бы там снизу 3 блока, расположив абсолютно и с неимоверно запасенной высотой отправил бы вверх, добивать оставшиеся "полуколонки" снизу. А сам текст в колонках положил бы z-index-ом сверху, короче эмуляция, и только тогда, когда нам известны четкие ширины.

Чисто табличная задача, в частности, по времени и ну и по "доводке" кроссбраузерности.

[sc@r@bey]

ну да таблица тут действительно быстро и безнапряга

а как 3-й способ реализуется написанный вами?

[Justnewone]

ну да таблица тут действительно быстро и безнапряга

а как 3-й способ реализуется написанный вами?

))))

Верхняя часть колонки всегда лежит на нижней части колонки. Что-то типа вертикальных "раздвижных дверей". А нижняя убегает вверх под панель браузера без прокрутки, с большим запасом.

Прям по пунктам, читаем и анализируем 3 способ и действуем согласно инструкции

[shvv]

Еще вариант http://chikuyonok.ru/2009/06/float-columns/