резина по вертикали

[vr201]

доктайп хтмл 1,0 транситионал

задача. заставить три дива растягиваться на 100% по высоте окна.

внутри них четвертый див с минимальной высотой 500px;

хотелось бы, чтобы когда текста было много (т.е. суммарно больше высоты в 500px)

one, two и three "тянулись" вниз..

CSS

* {margin: 0; padding: 0;}

html, body {height: 100%;}

.one {height: 100%; background: red url('image.gif') top repeat-x;}

.two {height: 100%; background: green url('image2.gif') bottom repeat-x;}

.three {height: 100%; background: #fff; margin: 0 200px;}

.text {min-height: 500px; height: auto; //height: 500px;}

HTML

<div class="one">

 <div class="two">

 <div class="three">

 <div class="text">текст</div> 

 </div>

 </div>

</div>

поиск не помог.. целый день колдую, ничего толкового не получается.

[Gatanoa]

Если они вс? равно будут тянуться вниз, то какой в этом смысл? Задайте им строгую высоту и включите скроллинг.

[vr201]

точно.. ответ как всегда лежал на поверхности