Jump to content
rjsma

Footer da página

Recommended Posts

rjsma

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

Share this post


Link to post
Share on other sites
tiagoamaros

Boas...

Já experimentas-te usar a tag top??

Tenta usar a tag top em percentagem no css.

Abraço ;)

Share this post


Link to post
Share on other sites
cra2sh
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>bottom</title>
<style type="text/css">
#content
{
margin:0 auto;
width:800px
}

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

#inferior
{
width:800px;
padding-top:5px;
}

.direitos
{
float:right;
color:#3C799B;
font-size:12px;
font-family:Arial;
font-weight:bold;
line-height:30px;
}
</style>
</head>
<body>
<div id="content">
<div class="baixo">
    	<div id="inferior">
        	<div class="direitos">e-Ligação @2011 - Todos os direitos reservados</div>
    	</div>
</div>
</div>
</body>
</html>

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×
×
  • Create New...

Important Information

By using this site you accept our Terms of Use and Privacy Policy. We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.