Pergunta do meu amigo Celso Garcia:
"Tenho uma página com uma altura de 200 px ou uma pagina com uma altura de 2000px.
Preciso deixar o rodapé sempre lá embaixo.
Já usei
{position: absolute; bottom: 0;}
e funciona pra um ou para outro."
* {
padding: 0px;
margin: 0px;
}
html, body
{
height: 100%;
}
#page
{
min-height: 100%;
position: relative;
}
#footer
{
width: 100%;
bottom: 0;
position: absolute;
}
Solução:
{position:fixed;bottom:0;}
Fixed posiciona sempre em relação à janela e não ao conteúdo da página.
Também serve pra esconder uma parte do elemento ou ele todo pois nunca gera barra de rolagem.