Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Olá estou tentanto montar um layout com CSS pesquisei em varios sites aprendi algumas coisas mas sempre encontro problemas com as div. o layout que quero montar é bem simples(topo coluna esquerda conteudo na direita e rodape) abaixo esta o cod. gostaria de saber como faço para a div conteudo crescer junto com as divs esq e conteudo tbm como fazer o rodape ficar no roda pe :)
Se alguem poder me dar umas dicas fico grato
Abaixo o codigo...
<html>
<head>
<title>teste css</title>
<!--<link href="css/style.css" rel="stylesheet" type="text/css" />-->
<style>
body {
margin: 0;
padding: 0;
background:#cccccc;
text-align:center; /* hack para o IE */
}
#pagina {
width: 985px;
margin:0 auto;
padding: 10px;
background-color: #ffffff;
text-align:left; /* "remédio" para o hack do IE */
}
#top {
padding: 5px;
height: 160px;
background-color: #eeeeee;
}
#menu {
height: 35px;
padding: 5px;
background-image: url(" ../imagens/fundomenu.gif");
background-repeat: repeat-x;
font-family: verdana;
font-size: 17px;
color: #ffffff;
}
#menu ul {
list-style: none;
margin: 0;
padding: 0;
}
#menu li {
padding: 5px;
list-style: none;
display: inline;
}
#esq {
position: absolute;
margin-top: 5px;
width: 160px;
background-color: #0066ee;
}
#conteudo {
width: 560;
margin-top: 5px;
position: absolute;
height: 450px;
background-color: #0069ee;
margin-left: 165px;
}
#rodape {
margin-top: 5px;
height: 35px;
background-color: #006688;
}
</style>
</head>
<body >
<div id="pagina" >
<div id="top">
</div><!-- /top-->
<div id="menu">
<ul>
<li>Link |</li>
<li>Link |</li>
<li>Link |</li>
<li>Link |</li>
<li>Link |</li>
<li>Link |</li>
<li>Link |</li>
</ul>
</div> <!-- /menu-->
<div id="conteudo"> dfsafsadfs
</div> <!-- /conteudo-->
<div id="esq"> test teste test teste test teste test teste test teste test teste
test teste test teste test teste test teste test teste test teste test teste
test teste test teste test teste test teste test teste test teste test teste
test teste test teste test teste test teste test teste test teste test teste
test teste test teste test teste test teste test teste test teste test teste
test teste test teste test teste test teste test teste test teste test teste
test teste test teste test teste test teste test teste test teste test teste
test teste test teste test teste test teste test teste test teste test teste
test teste test teste test teste test teste test teste test teste test teste
test teste test teste test teste test teste test teste test teste test teste
test teste test teste test teste test teste test teste test teste test teste
test teste test teste test teste test teste test teste test teste test teste
test teste test teste test teste test teste test teste test teste test teste
test teste test teste test teste test teste test teste test teste test teste
test teste test teste test teste test teste test teste test teste test teste
test teste test teste test teste test teste test teste test teste test teste
test teste test teste test teste test teste test teste test teste test teste
test teste test teste test teste test teste test teste test teste test teste
test teste test teste test teste test teste test teste test teste test teste
test teste test teste test teste test teste test teste test teste test teste
test teste test teste test teste test teste test teste test teste test teste
test teste test teste test teste test teste test teste test teste test teste
test teste test teste test teste test teste test teste test teste test teste
test teste test teste test teste test teste test teste test teste test teste
test teste test teste test teste test teste test teste test teste test teste
test teste test teste test teste test teste test teste test teste test teste
test teste test teste test teste test teste test teste test teste test teste
test teste test teste test teste vvvvvvvvvtest teste test teste test teste
test teste test teste test teste test teste test teste test teste test teste
test teste test teste test teste test teste test teste test teste test teste
test teste test teste test teste test teste test teste test teste test teste
test teste test teste test teste test teste test teste test teste test teste
test teste test teste test teste test teste test teste test teste test teste
test teste test teste test teste test teste test teste test teste test teste
test teste test teste test teste test teste test teste test teste test teste
test teste test teste test teste test teste test teste test teste test teste
test teste test teste test teste test teste test teste test teste test teste
test teste test teste test teste test teste test teste test teste test teste
test teste test teste test teste test teste test teste test teste test teste
test teste test teste test teste test teste test teste test teste test teste
test teste test teste test teste test teste test teste test teste test teste
test teste test teste test teste test teste test teste test teste test teste
test teste test teste test teste test teste test teste test teste test teste
test teste test teste test teste test teste test teste test teste test teste
test teste test teste test teste test teste test teste test teste test teste
test teste test teste test teste test teste test teste test teste test teste
test teste test teste test teste test teste test teste test teste test teste
test teste test teste test teste test teste test teste test teste test teste
test teste test teste test teste test teste test teste test teste test teste
test teste test teste test teste test teste test teste test teste test teste
test teste test teste test teste test teste test teste test teste test teste
test teste test teste test teste test teste test teste test teste test teste
test teste test teste test teste test teste test teste test teste test teste
test teste test teste test teste test teste test teste test teste test teste
test teste test teste test teste test teste test teste test teste test teste
test teste test teste test teste test teste test teste test teste test teste
test teste test teste test teste test teste test teste test teste test teste
test teste test teste test teste test teste test teste test teste test teste
test teste test teste test teste test teste test teste test teste test teste
test teste test teste test teste test teste
</div><!-- /esq-->
<div id="rodape">
</div><!-- /rodape-->
</div><!-- /pagina-->
</body>
</html>Carregando comentários...