Postagens
Não informado
Galera, estou desenvolvendo um layout em CSS. No entanto, um probleminha apareceu.
Preciso que o rodapé fique sempre na base e não podendo ficar sobre o conteúdo, quando a tela for menor que a altura do layout.
No Firefox está se comportando perfeitamente, mas no IE... para entenderem melhor, abra a página no Firefox e diminua o tamanho da janela para que crie barra de rolagem vertical. É exatamente assim o o layout deveria se comportar no IE.
Desde já agradeço qualquer manifestação de ajuda.
[codebox]<style>
html{
height:100%;
}
body{
margin:0px;
padding:0px;
height:100%;
}
#all {
position: relative;
min-height: 100%;
}
#conteudo{
position:relative;
background-color:#CCCCCC;
height:350px;
}
#clear{
clear:both;
padding-bottom:120px;
}
#footer{
position:absolute;
width:100%;
height:100px;
bottom:0px;
background-color:#009900;
}
</style>
<body>
<div id="all">
<div id="conteudo">conteudo</div>
<div id="clear">clear</div>
<div id="footer">footer</div>
</div>
</body>[/codebox]
