Две резиновых колонки с круглыми углами и одинаковой высотой в зависимости от контента

Question

[note]

Собственно сабж.

Уважаемые, Хабралюди!
Подскажите, пожалуйста, как сие реализовать. Необходимо сверстать 2 резиновых колонки с круглыми углами, высота блоков должна быть одинакова в зависимости от контента в них. Без использования JS. Таблицы также запрещены. Все это дело должно быть кроссбраузерным, включая любимое семейство осликов.

Картинка для наглядности:

Все это по отдельности проблем никаких не вызывает. К примеру, резиновое с одинаковой высотой, но с однородным фоном. Или с одинаковой высотой, круглыми углами, но фиксированное…
Короче говоря, что-то не могу сообразить как все это собрать в одном флаконе, не используя JS и таблицы.
Прошу помощи.

Заранее спасибо.

Answer 1

[ChemAli]

Я бы начал с Fluid 960.gs

Answer 2

[homm]

Таблицы, JS, дублирование контента. Два варианта вы отбросили, остается третий.

Comments

[homm]

Что-то я погорячился. Способ Сергея Чикуенка вполне может подойти.

[note]

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

[note]

Как раз его ковыряю сейчас. Только что-то с ходу не разобрался можно ли из него слепить колонки нужной мне ширины (61%+3%+36%). Или хотя бы примерно подходящие.

[homm]

Если сделать колонки visibility: hidden, они будут раздвигать контент, но не будут видны. Если сделать точно такие-же колонки, но с position: absolute и height: 100%, они будут видны и будут той высоты, на которую раздвинули контейнер невидимые колонки, т.е. нужной. Способ порождает много побочных проблем начиная от производительности, заканчивая синхронизацией изменений, сделанных в колонках.

Answer 3

[Дмитрий]

а если текстовые блоки — это просто div, а бордеры отрисовывать через canvas? Хотя без JS кооринаты хрен посчитаешь.

Comments

[note]

С canvas/vml без JS не обойтись.
Со скриптами здесь все очень элементарно решается — верстаем закругленные резиновые колонки разной высоты, затем с помощью JS выставляем блокам одинаковую высоту.
Загвоздка-то как раз в отсутствии возможности использования скриптов.