Как установить высоту дива, вложенного в другой див во всю высоту экрана браузера, без яваскрипта?

[riki]

привет,

html,body{height: 100%;}.page{overflow: hidden;min-height: 100%;} .c1{width: 50%;float: left;}.c2{width: 200px;float: left;;padding: 0 10px 0 10px;}.c3{width: 50%;float: right;;}.c1 .wrp { height: 100%; margin-right: 100px;padding: 10px;}    .c3 .wrp {height: 100%; margin-left: 100px;padding: 10px;}

<div class="page"> <div class="c1"><div class="wrp"></div></div> <div class="c3"><div class="wrp"></div></div> <div class="c2"> </div></div>

Нужно дивы .c3.wrp и .c1.wrp растянуть на 100% экрана, его родитель .с1 имеет своего родителя .page - который на сто процетов экрана растягивается, но див .с1 почему не воспринимает высоту .page. Соотвественно и див .c1.wrp по высоте не растягивается.Можно ли без js сделать это? Edited November 12, 2013 by riki

[npofopr]

Вроде как box-sizing может помочь.

Ну или таблицами...

[Switch74]

Может .с1 не воспринимает высоту потому, что у родителя не задана высота?

Можно использовать position:absolute;

А box-sizing я даже не представляю что-то, как может помочь

 

И если эти блоки должны быть на высоту экрана, а не страницы, так и вкладывайте их на том же уровне что и блок .page 

Edited November 14, 2013 by Switch74

[riki]

Может .с1 не воспринимает высоту потому, что у родителя не задана высота?

 

Ну как же не указана - если

.page{overflow: hidden;min-height: 100%;} 

Можно использовать position:absolute;

 

Резиновый макет нельзя - расползаются  блоки(кстати сам макет взят с этого сайта http://htmlbook.ru (центральная фиксированная - боковые резиновые)

[Z1gnet]

Что то вы накрутили такую структуру что я не могу понять что вы хотите... Было бы замечательно начать с самого начала и увидеть дизайн того что вы хотите сделать. А то тут резина - не резина, абсолют - не абсолют, у кого 100%, а у кого не 100, бокс сайзинг еще... я пока в вашу беседу не могу въехать   

Нужно дивы .c3.wrp и .c1.wrp растянуть на 100% экрана, его родитель .с1 имеет своего родителя .page - который на сто процетов экрана растягивается, но див .с1 почему не воспринимает высоту .page. Соотвественно и див .c1.wrp по высоте не растягивается.Можно ли без js сделать это?

 

тут я вообще запутался 

возможно другая структура в вашем случае оптимальнее подойдет. а если пишете код, то выкладывайте его пожалуйста здесь http://jsfiddle.net/ так будет нагляднее. 

[Switch74]

min-height не тоже самое что height

первый указывает лишь, ограничение размера, но не сам размер

размер блока может быть и больше min-height, если содержимое блока будет растягивать его