Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Salve....
Bom to com um problema q ainda não consegui achar uma solução...
Preciso fazer a lateral do site acompanhar o conteudo do site, isso até q é facil.. tem um codigo q eu costuma usar q da certo:
<html xmlns="[http://www.w3.org/1999/xhtml"](http://www.w3.org/1999/xhtml) xml:lang="pt-br" lang="pt-br">
<head>
<title>Lateral</title>
<style type="text/css">
#left {
float: left;
width: 200px;
background: #ccc;
}
#right {
float: right;
width: 200px;
background: #888;
}
#middle {
border-left: 200px solid #ccc; /* Mesmo tamanho e cor do background #left */
border-right: 200px solid #888; /* Mesma tamanho e cor do background #right */
}
</style>
</head>
<body>
<div id="left">
<p>Esquerda</p>
</div>
<div id="right">
<p>Direita</p>
</div>
<div id="middle">
<ol>
<?php print( str_repeat( "<li>Linha</li>", 50 ) ); ?>
</ol>
</div>
</body>
</html>
Só q este só funciona só com cores "normais" e eu precisava fazer com background e ja até tentei utilizar o heigt: 100% com display: table-cell;
Bom vai o codigo q estou utilizando:
.menu {
float:left;
width: 176px;
height: 100%; /*IE*/
margin-left: 2px;
text-align: left;
display: table-cell;
background: url(../images/bg_menu.jpg) no-repeat;
}
.conteudo {
width: 597px;
height: 100%; /*IE*/
margin-left: 182px;
display: table-cell;
background: #f6f6f6;
}Carregando comentários...