я делаю сайт с 100% - ой высотой в div - ах.
У меня три блока: левый, средний, правый.
Средний блок фиксированой ширины, левый и правый растягиваются в ширину.
| Код |
body {
margin:0px;
height:100%;
}
#leftwing {
position:absolute;
background:#ff0000;
left:0px;
top:0px;
width:50%;
height:100%;
min-height:100%;
z-index:1;
}
#middlewing {
position:absolute;
background:#00ff00;
left:50%;
top:0px;
width:766px;
min-height:100%;
margin-left:-383px;
z-index:2;
}
#rightwing {
position:absolute;
background:#0000ff;
left:50%;
top:0px;
width:50%;
height:100%;
min-height:100%;
z-index:1;
}
|
| Код |
<div id="leftwing"></div>
<div id="middlewing"></div>
<div id="rightwing"></div>
|
Но когда средний блок становится очень высоким (выходит вне зоны видимости экрана и появляется скрол), левый и правый остаются на уровне скрола. Изза этого средний блок получается выше чем левый и правый.
Как можно сделать так что б при растягивании в высоту среднего блока, растягивлись и крайние? |