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]
Rodapé
Started By adrianoDSN, 06/06/2008, 14:38
3 replies to this topic
#3
adrianoDSN
-
- Usuários
-
- 2 posts
Novato no fórum
- Sexo:Não informado
Posted 07/06/2008, 00:34
bom... o código estava aí... já resolvi esse problema, mas valeu de qq maneira.
#4
tiagosa
-
- Usuários
-
- 4 posts
Novato no fórum
- Sexo:Não informado
Posted 14/04/2009, 16:42
bom... o código estava aí... já resolvi esse problema, mas valeu de qq maneira.
Poderia postar a solucao?
Muito obrigado
2 user(s) are reading this topic
0 membro(s), 2 visitante(s) e 0 membros anônimo(s)
