Как расположить элементы?

Question

[home_boy]

Интересует самый эффективный способ,если он есть, расположить элементы как на картинке.
- Без скриптов
- Без Grid
- Максимальная кроссбраузерность
- Структуру элементов менять нельзя.
- Высота любого из 3х элементов может измениться, соответственно остальные элементы растягиваются пропорционально.
Красный блок 100%
Синий 50%
Зеленый 50%

<div>
	<div class="red"></div>
	<div class="blue"></div>
	<div class="green"></div>
</div>

Comments

[Сергей delphinpro]

Ну уж до кучи и флексы в стоп-лист добавьте. Тогда вообще задача нерешаема (с соблюдением всех пунктов).

Answer 1

[Ivan Bogachev]

С помощью гридов можно так расположить элементы не меняя их структуру и чтобы растягивалось:

В современных браузерах должно работать, но если у вас IE - печалька.

Comments

[home_boy]

Спасибо за ответ, про Grid в курсе, укажу в вопросе, что не подходит