[Resolvido] Como fixar o rodapé no final da página

[flavialieggio 0]

Olá pessoal!! :rolleyes:

 

Estou que pesquiso aqui sobre como fazer o seu rodapé fixar no final da página... mas não estou conseguindo de jeito nenhum... Já tentei fazer igual ao modelo da MATÉRIA que tem no imasters... ja tentei fzer igual a varias soluções aqui do forum mas nao consegui....

 

No meu caso na verdade, eu consegui fazer ele ficar embaixo, mas qdo abro um conteudo que faça o browser aumentar, o rodape não acompanha esse crescimento... e o conteudo fica sobre ele ... :unsure:

 

codigo css:

*{
margin:0;
padding:0;
outline: none;
}

#div_geral{
width: 100%;
margin: auto;
background-color:#FFFFFF;
}

#topico_atividade  /*vai dentro da div CONTEUDO*/
{
color: #000066;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight: bold;
padding-top: 6px; 
padding-bottom: 2px; 
padding-left: 4px; 
background-color: #E7F3FA;
border-top: 1px solid #7CCAE5;
border-bottom: 1px solid #7CCAE5;
}

#div_conteudo
{
padding-bottom:30px;
}

#div_rodape
{
bottom: 0;
position:absolute;
background-color: #4F81BD;
height: 40px;
width:100%;
}

estrutura da pagina:

<div id="div_geral">
	<table width="100%" border="0">
	<tr><td><?php include ('include/topo.php'); ?></td></tr>
	<tr><td height="5"></td></tr>
	</table>
	<div id="div_conteudo">
	<table width="100%" border="0" height="100%">
	<tr>
	<td valign="top"><?php include('include/atividade.php'); ?></td>
	</tr>
	<tr>
	<td>
		<?PHP
		include('include/exercicio.php');
		?>
	</td>
	</tr>
	</table>
	</div>
	<div id="div_rodape">
	<?php //include ('include/rodape.php'); ?>
	</div>
</div>

Sei que nao e totalmente em tabless... http://forum.imasters.com.br/public/style_emoticons/default/assobiando.gif mas estou aprendendo e tentando me organizar.... visualmente da pra perceber que nao uso colunas .... :rolleyes:

 

[]´s Galera!!!

 

Flávia

[Pita 53]

Estou usando o seguinte código, veja se ajuda

 

http://forum.imasters.com.br/index.php...t&p=1215488

[flavialieggio 0]

Ola Pita,

 

Então já havia lido este topico tambem.. tentei mas nao consegui :( ... mas ja consegui minha solução no site do Maujor :rolleyes: ... eu havia pesquisado la de inicio e nao tinha conseguido tambem, mas resolvi voltar e estudar com mais calma a solução e consegui ^_^ ... Muito obrigada pela sua atenção e o apoio!

[]´s

Flávia