Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Eai galera, to quebrando a cabeça aqui e não consegui fazer uma coisa.
Tenho um layout fluido com um menu do lado esquerdo e uma div.conteudo que pega a largura restante da página.
Gostaria que essa div tivesse altura de 100%, ela até que está fazendo isso mas está criando uma rolagem no final da página.
Alguem saberia como fazer isso sem precisar usar javascript.
Aqui está meu código.
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<style type="text/css">height: 100%;
}background-color:#000;
margin:0;
padding:0;
height: 100%;
}
.corpo {
height:100%;
width:100%;
}
.topo {
height:100px;
background-color:#999;
width:100%;
margin:0 0 15px 0;
}
.menu {
background-color:#093;
width:250px;
height:600px;
float:left;
}
.conteudo {
margin:0 0 0 265px;
background-color:#FFF;
min-height: 100%;
}
</style>
</head>
<body>
<div class="corpo">
<div class="topo"></div>
<div class="menu"></div>
<div class="conteudo">gdf</div>
</div>
</body>
</html>
Fico no aguardo.
Abraço.
Carregando comentários...