Footer no final da página

[kikas100 0]

Boas,

 

Estou com um problema com o footer no seguinte site: http://e-ligacao.com/entrar.php

 

Como podem ver não fica colado ao fundo da página, já vasculhei todo o codigo da página e não encontrei nada que podesse estar a causar isto.

 

HTML - FOOTER

	<div class="rodape">

	<div class="baixo">

		<div id="inferior">

		  	<!-- 1º Opcão do menu -->
                 <div class="navegacao">
                 <div class="item">

                 <ul>
                 <li><a href="termos.php">Termos de uso</a></li>
                 </ul>

                 </div> 
                 <!-- Fim da div item --> 
                 </div> 
                 <!-- Fim da div navegacao -->

		  	<!-- 2º Opcão do menu -->
                 <div class="navegacao">
                 <div class="item">

                 <ul>
                 <li><a href="contacto.php">Contacto</a></li>
                 </ul>

                 </div> 
                 <!-- Fim da div item --> 
                 </div> 
                 <!-- Fim da div navegacao -->
	     </div>

	     <div class="direitos">e-Ligação @2011 - Todos os direitos reservados</div>
	</div>
</div>

 

 

CSS - FOOTER

#inferior{
padding-left:140px;
width:800px;
margin:0 auto;
padding-top:5px;
}

.rodape{
clear:both;
bottom:0px;
position: relative;  
}

.baixo{
background-color:#D3DEE1;
height:40px;
bottom:0px;
}

.direitos{
width:580px;
margin:0 auto;
float:right;
color:#3C799B;
font-size:12px;
font-family:Arial;
font-weight:bold;
line-height:30px;
}

 

Podem dar uma vista de olhos nisto e tentar identificar o que pode estar a causa o mau posicionamento?

 

Cumprimentos

[Luiz sett7 0]

<div id="tudo"> style: min-height:100%; margin:auto; position: relative;

<div id="topo">

</div>

<div id="conteudo"> style: padding-bottom: tamanho footer;

</div>

</div>

 

<div id="footer"> style: position:relative; bottom:0; margin:auto;

</div>

 

 

obs: seu topo ta cortando a logo com uma resolução menor, dae a div tudo.

[kikas100 0]

Fiz tudo que voce disse e continua na mesma

[Felipe_Volpatto 1]

bom, já usando seu código, sem mexer muito, vá na class "inicial" e defina um height para ele.

Usando o firebug, pus 500px e ficou ótimo.

Depois disso, vá fazendo alguns testes para deixar o code melhor.

 

Abraço!

[Evandro Oliveira 331]

http://maujor.com/tutorial/rodape/rodape-fixo-no-fim-da-pagina-1.html

[gbrlsepulveda 0]

Tente definir na id #inferior o position:relative(absolute); e bottom:0px

 

*se o posicionamento for absolute, pode acontecer do conteudo ficar por baixo.