Rodapé relativo com altura do site

[Guilherme Oderdenge 42]

Olá!

Gostaria de saber como eu posso fazer um rodapé relativo à altura do site.

 

Para entenderem melhor, um rodapé estilo www.twitter.com.

 

Desde já, grato.

Abraço!

[wdc_black_ 0]

css

<style media="screen" type="text/css">

body, html { height:100%; padding:0; margin: 0; }

#geral {
position:relative;
min-height:100%;
height:auto !important;
height:100%;
}
#corpo {
padding-bottom:50px; /* Esse padding é o mesmo valor da altura do rodapé, isso é necessário para o rodapé não ficar em cima do conteúdo */
}
#rodape {
position:absolute;
bottom:0 !important;
}
</style>

 

html

<div id="geral">
<div id="corpo">
<h1>Rodapé sempre no fim da página</h1>
</div><!-- fim da div#corpo -->

<div id="rodape">
<p>Teste de Rodapé Fixo na Base do seu Site</p>
</div><!-- fim da div#rodape -->
</div><!-- fim da div#geral -->

 

é isso ai ;)

qualquer coisa só postar, abraço