Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Pessoal, seguinte:
Tenho uma div principal que centralizo verticalmente e dentro dela tenho mais 2 divs uma na esquerda e uma na direita, dentro da div da esquerda tenho outras divs com altura travada de modo q a div da esquerda aumente sozinha.
O problem aé que a div principal, chamada de body, nao acompanha esse aumento.
EU setei um bgcolor nessa div principal apra que conforme as divs internas aumentem ela acompanhe porem nao funciona.
Segue abaixo o html, aguaro a ajuda.
Obrigado
<html>
<body>
<div id="body">
<div id="left">
<div id="header">
</div>
<div id="middle">
</div>
<div id="footer">
</div>
</div>
<div id="right"></div>
</div>
</body>
</html>
CSS:
/ CSS Document /
body{
margin:0px;
padding:0px;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
color:#999;
background-image:url(../images/default/background.png);
background-repeat:repeat;
text-align:center; /* hack para o IE */
}
#body width:975px;
border-left: 1px solid #999;
border-right:1px solid #999;
background-color:#FFF;
margin:0 auto;
text-align:left; /* "remédio" para o hack do IE */
}
#left{
position:relative;
float:left;
width:760px;
}
#right{
width:200px;
float:right;
position:relative;
background-color:#0F0;
height:1200px;
}
#header{
width:100%;
height:185px;
position:relative;
}
#middle{
width:100%;
position:relative;
height:1100px;
}
#footer{
width:100%;
position:relative;
height:100px;
}Carregando comentários...