таблица поведения таблицы

Question

Я пытаюсь построить следующую структуру на странице моего сайта:

Черная рамка - контейнер содержимого. Красная рамка - это левый контейнер содержимого, а серая область - правый контейнер содержимого с серым фоном.

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

Как именно я могу это сделать? Кто-нибудь знает обходной путь, чтобы заставить div вести себя как таблица?

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

Всего наилучшего,

Бо

Answer 1

Вы используете CSS display:table для оболочки и display:table-cell для левого и правого содержимого.Единственный недостаток - отсутствие поддержки в IE7 и ниже.

Answer 2

Плавающие колонны с фоновой техникой Дана Седерхольма: http://www.alistapart.com/articles/fauxcolumns/

Старый, но вкусный.