Objeto na base do site

[hideout 0]

Bom pessoal, olhando o site do link abaixo, gostaria de saber como fazer para o rodape fica-se sempre na base mas quando a página fosse diminuida pelo browser o rodape não passaria por cima do meio e topo, mas ficando abaixo do meio

 

Abaixo o código do site:

 

body {	margin: 0px;}*{ 	margin: 0; 	padding: 0;}#topo{	background-color: #CCFFCC;	height: 120px;	margin-bottom: 20px;}#meio{	background-color: #99CCCC;	margin: auto;	width: 790px;	padding-bottom: 10px;	display: table;	margin-bottom: auto;	min-height: 200px;}.meio_met_e{	background-color: #FFFFCC;	width: 50%;	float: left;	height: 100px;}.meio_met_d{	background-color: #66FFCC;	width: 50%;	float: left;	height: 100px;}#rodape{	position: absolute;	bottom: 0px;	width: 100%;	margin-top: 20px;	background-color: #CCCCFF;	height: 120px;}

[pa_bruno 0]

usado position absolute você naum conseguirá isso...

[hideout 0]

Então qual seria a solução?

[pa_bruno 0]

procura ae no fórum... tem umas soluções por ae... com height 100% no html, body e no div geral... busca ae... mas tem umas restrições e negativos...

[RicardoTorres 0]

tava precisando disso também.. se eu nao conseguir nada, depois eu faço uma busca

[hideout 0]

Procurando no forum não achei nenhum tópico com a solução para o rodape, somente pessoas com a mesma dúvida.

 

Mas achei nesse site:

 

http://www.sitepoint.com/forums/showpost.p...966&postcount=3

[pa_bruno 0]

foi exatamente do q falei... do 100% d height no body, html...mas tem desvantagens... tem posts sobre isso por aqui sim... qnd você seta o conteúdo como 100% e ele eh maior q a área útil, você pode ter muito stress pra resolver isso... pq o layout fica parado e somente o conteúdo desce...vai fazendo teste para ver o q estou falando...