двухцветный Background и резина

  • Автор темы loki
  • Дата начала
L

loki

#1
здраствуйте столкунулся с проблеммой суть есть страница с двухцветным по горизонтали background тоесть задача сделать этот фон резиновым не только по ширине но и по высотe. Всё бы хорошо , но при высоте контента более 100%
фон просто не тянется более 100% так как контент находится в абсолютно позиционированном блоке и фон на изменение его размера просто не реагирует можно конечно задать один из 2 цветов в качестве bасkground для body но вот как быть со вторым? Буду очень благодарен за помощь
Код:
<div class="content">
<div class="leftbottomShadow"><div class="leftShadow"></div></div>
<div class="contentHere">	</div>
<div class="rightbottomShadow"><div class="rightShadow"></div></div>
<div class="footer"></div>
<div class="topBg"></div>




</div>
</div>







</body>
/*CSS*/
* {
margin:0;
padding:0;
}

html,body,ul,ol,li,dl,dt,dd,p,h1,h2,h3,h4,h5,h6,blockquote,form,fieldset,legend,
table,td,th,div {
margin:0;
padding:0;
}

html,body {
height: 100%;
font-family:Tahoma, Geneva, sans-serif;
}


.main{
height: 100%;
width:100%;
background-color:#dbe1e6;


}
.white{
height:50%;
width:100%;
background-color:#eaeff2;


}
.content{
width:1116px;
height:100%;
margin: 0 auto;
background-color:#ff0000;
position:absolute;
top:0;
z-index:2;
margin-left:-558px;
left:50%;





}