Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Senhores
Estou com muita dificuldade para montar a estrutura de uma página onde teria um topo, o conteudo e um rodape
O meu problema é que a div de conteudo que desejo que ocupe todo o restante da altura da página não fuciona
Segue meu html e ccs para se algum puder me ajudar
HTML
<!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=iso-8859-1" />
<title>Namoom.com.br - Para você comprar e vender de tudo!</title>
<link href="css/principal.css" rel="stylesheet" type="text/css" />
</head>
<body align="center">
<div id="main" align="center">
<div id="TOPO">topo</div>
<div id="CORPO">
<p><h1>teste</h1></p>
</div>
<div id="RODAPE">rodape</div>
</div>
</body>
</html>CSS
* {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}height: 100%;
}body {
height:100%;
min-height: 100%;
margin:0px;
padding:0px;
height:100%;
background-color:#000000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
text-align:center;
}
#main {
height: 100%;
min-height: 100%;
margin:0px auto;
width: 90%;
background-color:#666666;
color:#FFFFFF;
}/ Para o IE /
* html #main{
height:100%;
}
#TOPO {
width: 100%;
height: 121px;
background-color:red;
}
#CORPO {
width: 100%;
min-height: auto;
background-color: blue;
}
#RODAPE {
width: 100%;
height: 80px;
background-color: yellow;
}Já tentei um monte de coisa e nada
Desde já eu agradeço a atenção de todos
Carregando comentários...