Прошу помощи. Не получается растянуть вложенные divы.
<body>
<div id="conteiner" class="table">
<div class="td" id='col1'>
<div class='block1'>Блок1</div>
<div class="block2">Блок2</div>
<div class="block3">
<div class="block4" >Блок4</div>
<div class="block5">Вложенность 1</div>
<div class="block6">Вложенность 2</div>
</div>
</div>
<div class="td" id="col2">
<div class="block7">Блок7</div>
</div>
</div>
ЦСС
div.table{height:0;}
div.tr{height:0;}
/* не для IE */
div.table[class] {height:auto; display: table;}
div.tr[class] { height:auto; display: table-row;}
div.td[class] {float:none; display: table-cell;}
div.td{height: 100%; float: left;}
#conteiner {background: #CCCCFF; width: 100%; height: 100%; overflow:hidden; }
#col1 {width:71%; height: 100%; overflow: hidden;}
#col2 {width: 29%; vertical-align:top;}
.block1 {height: 290px; background: #0000FF; width: 100%}
.block2 {width: 145px; float: left; background:#FFFF00;}
.block3 {margin-left: 145px; height: 100%; }
.block4 {height: 50px; width: 100%; background: #00FFFF;}
.block5 {height: 100%; float: left; width: 60%; background: #dededd;}
.block6 {height: 100%;margin-left: 60%; background: #c2c2c2;}
.block7 {min-height: 700px !important; height: 700px; background: #99CC33}
Чего хочу добиться:
Чтобы "вложенность 1"(блок5) и "вложенность 2"(блок6) были равны высотой с "блоком 7".
Сейчас в ФФ, Сафари и Хроме все нормально, Но в Опере и во всех ИЕ не работает.
Прошу помочь.
*не предлагать: таблицы, js и експрешены
RPI.su - самая большая русскоязычная база вопросов и ответов. Наш проект был реализован как продолжение популярного сервиса otvety.google.ru, который был закрыт и удален 30 апреля 2015 года. Мы решили воскресить полезный сервис Ответы Гугл, чтобы любой человек смог публично узнать ответ на свой вопрос у интернет сообщества.
Все вопросы, добавленные на сайт ответов Google, мы скопировали и сохранили здесь. Имена старых пользователей также отображены в том виде, в котором они существовали ранее. Только нужно заново пройти регистрацию, чтобы иметь возможность задавать вопросы, или отвечать другим.
Чтобы связаться с нами по любому вопросу О САЙТЕ (реклама, сотрудничество, отзыв о сервисе), пишите на почту [email protected]. Только все общие вопросы размещайте на сайте, на них ответ по почте не предоставляется.