Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
ola pessoal sou novato em css e gostaria de não usar mais table pra sites mas to apanhando muito do css! ;)
minha duvida é como fazer com que o site a medida qeu houver conteudo possa extender ele não esta estendendo
me ajudem por favor
*{
margin:0px;
padding:0px;
}
#container {
position:absolute;
left:50%;
margin-left:-375px;
width:750px;
height:100%;
background-color:#F48000;
} background-image:url(../images/bg.gif);
}
#bordaEsquerda{
position: relative;
float:left;
background-image:url(../images/bg_left.gif);
height:100%;
width:17px;
}
#bordaDireita{
position: relative;
float:right;
background-image:url(../images/bg_right.gif);
height:100%;
width:17px;
}
#principal {
position: relative;
float:left;
top : 10px;
width:716px;
height:96%;
background-color:#FFFFFF;
}
#topo {
position: relative;
width:100%;
height:61px;
background-color:#FFFFFF;
}
#topoLogo {
position: relative;
padding-left: 10px;
float:left;
height:61px;
text-align:center;
}
#topoMenu {
position: relative;
width:525px;
height:61px;
float:left;
background-color:#FFFFFF;
background-image:url(../images/menuTopo.jpg);
background-repeat:repeat-x;
}
#conteudoLateralEsquerda {
position: relative;
width: 191px;
height: 88%;
float:left;
background-color: silver;
}
<body>
<div id="container">
<div id="bordaEsquerda"></div>
<div id="principal">
<div id="topo">
<div id="topoLogo"><img src="images/topoEsq.jpg"/></div>
<div id="topoMenu"></div>
</div>
<div id="conteudoLateralEsquerda">
</div>
</div>
<div id="bordaDireita"></div>
</div>
</body>Carregando comentários...