Два Дива - одинаковой высоты в не зависимости от контента

[artemhp]

Как сделать вот такую вот картинку дивами?

Рядом стоящие и растягивающиеся по высоте в не зависимости от контента

Напрашивается таблица, но хотелось бы дивами подобной структуры:

http://jsfiddle.net/2c4MK/

Edited December 11, 2011 by artemhp

[MaferoK]

http://jsfiddle.net/2c4MK/1/

[dostel1]

парни Яныка явно что-то не то написали!

http://www.xiper.net/collect/html-and-css-tricks/karkas-verstki/kolonki-ravnoy-visoty.html

лично пользуюсь 2 способом))

http://www.getincss.ru/2009/07/11/4-sposoba-kak-sozdat-bloki-kolonki-odinakovoj-vysoty/

Edited December 12, 2011 by dostel1

[hedgehog]

http://jsfiddle.net/2c4MK/1/

Зачем такие "решения" выкладывать? Во-первых, в левой колонке может быть недостаточно контента, чтобы забить 400px по высоте. Во-вторых, шрифт может несколько различаться в разных браузерах и разных операционных системах.

Для современных браузеров можно применить display: table. А вообще, на форуме (да и на самом сайте) полным-полно решений.

[Softlink]

Первый вариант с table-cell

Второй вариант с псевдоэлементом, родившийся 10 минут назад.

[Great Rash]

Именно для двух блоков вот тут хороший способ описан.

[gordi]

С массой примеров:

1. http://trifler.ru/layout.htm

2. http://trifler.ru/grail.htm