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

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

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

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

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

Заранее спасибо.
  • Вопрос задан
  • 3352 просмотра
Пригласить эксперта
Ответы на вопрос 3
@ChemAli
Я бы начал с Fluid 960.gs
Ответ написан
Комментировать
homm
@homm
Таблицы, JS, дублирование контента. Два варианта вы отбросили, остается третий.
Ответ написан
Tomasina
@Tomasina
Инженер-разработчик
а если текстовые блоки — это просто div, а бордеры отрисовывать через canvas? Хотя без JS кооринаты хрен посчитаешь.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы