Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
salve galera
estou fazendo um layout simples (topo,menu,conteudo,rodape)
Ja consegui alinhar as divs, só esta faltando deixar as divs de menu e conteudos ocupando 100% de height (que alias, nao funciona essa msm opção no css)
Uploaded with ImageShack.us
AQUI O CODIGO:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">html, body{
text-align:center;
height:100%;
margin:0;
}
#principal{
background-color:#666;
width:700px;
margin:0 auto;
min-height:100%;
position:relative;
text-align:left;
}
#topo{
background-color:#99FFFF;
height:100px;
}
#menu{
background-color:#CC3399;
width:200px;
float:left;
padding-bottom:100px;
}
#conteudo{
background-color:#FF9933;
float:right;
padding-bottom:100px;
width:500px;
}
#rodape{
background-color:#F66;
height:100px;
clear:both;
position:absolute;
bottom:0;
margin-bottom:0;
width:700px;
}
</style>
</head>
<body>
<div id="principal">
<div id="topo">topo</div>
<div id="menu">menu</div>
<div id="conteudo">conteudo</div>
<div id="rodape">rodape</div>
</div>
</body>
</html>alguem pode me dar uma luz? vlws galera
Carregando comentários...