div abaixo de tudo
Bom dia, tenho uma dúvida que não estou conseguindo resolver.
O conteudo da div #geral desce por cima do rodape ao inves de empura-lo para baixo conforme vou inserindo conteudo.
Levando em consideração que o conteudo esta dentro da div #posts a mesma deveria empurrar a div #geral que por sua vez empurraria
o rodape para correto? Tentei usar o position: relative na diva geral e o position: absolute na div #rodape..mas nem assim.
o css
*{margin: 0; padding: 0; list-style: none; height: 100%; }
body{
text-align: center;
background: url(/media/images/bg.jpg) top left repeat-x #FFF;
}
#geral{
margin: 85px auto;
text-align: left;
width: 1002px;
height: 120%;
background: transparent;
}
#posts{
float: left;
width: 700px;
height: 120%;
background: transparent;
}
#tags{
float: right;
width: 292px;
height: 120%;
background: #CCC;
}
#rodape{
bottom: 0;
width: 100%;
height: 80px;
background: #222;
}html
<body>
<div id="geral">
<div id="posts">
</div><!-- posts-->
<div id="tags">
</div<!-- tags-->
</div><!-- geral -->
<div id="rodape">
</div <!-- rodape -->
<body>Discussão (5)
Carregando comentários...