Как свертать на div'ах такой макет ?

Question

[LIAL]

1. Красный имеет clear:left и изменять его мы не можем. Наведя на него в файрбаге - он растянут на всю ширину (в принципе так и надо, но свойства width=100% - нет). Меняется динамически по высоте в зависимости от контента.
2. Синие равные по ширине, можно сделать фиксированной высотой.
3. Зеленый нужно, чтобы был на всю ширину Красного (сколько бы тот ни принял ее) + растягивался по высоте (т.е. его высоту фиксировать нельзя, в нем как раз и будет тот динамический контент, который растягивал Красный до этого).

Спасибо всем за помощь.

Answer 1

[Константин Величко]

jsfiddle.net/Zoxon/Jd3Zm

Comments

[LIAL]

Спасибо за помошь

Answer 2

[Вячеслав Слинько]

А зачем на дивах? Тут прям и просится таблица. Почему их все так боятся?

Comments

[Константин Величко]

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

[nbezborodov]

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

[Юрий Лобанов]

@Zoxon пример с курсами валют - да, абсурд.
@nbezborodov Вам правильно кажется.
@KeepYourMind - таблица для таблиц. На сегодняшний день использование таблиц для верстки оправдано только для писем и поддержки ie6.

[mazgolom345]

ia saglasenn svaii eta mojna realizat pri pomashi tablic no i na divax toje mojna no tammm nujna buttt po podbirat znacheneii )))