Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Kripke

Footer... denovo. :s

Por , em Desenvolvimento frontend

Recommended Posts

Kripke    0

Kripke
Postado

Andei um tempo sem mexer com Web Design que até voltei esquecendo de algumas "funções", e denovo no footer.

Olha aí:

http://uploaddeimagens.com.br/imagens/sem_titulo-png--9242

 

No caso, eu queria fazer o footer cobrir de escuro toda parte de baixo da pág, mas sempre fica uma pequena parte "descoberta" embaixo. Já tentei usar margin-bottom: -10px ou mais, mas não deu muito certo não.

É meio difícil explicar o meu caso aqui, não sei se ficou muito claro meu problema, mas de qualquer forma... agradeço quem puder ajudar ai. :)

Compartilhar este post

Link para o post
Compartilhar em outros sites

Kripke    0

Kripke
Postado

O código completo para melhor avaliação:

 

<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8" />
<meta name="description" content="Not Defined" />
<meta name="keywords" content="Web" />
<title> Unnamed </title>
<style type="text/css" media="all">
footer {
height: 250px;
color:#32322E;
position:relative;
z-index:- 2;
background-color:#0A0A05;
margin: -8px;
}
footer ul {
list-style:none;
}
footer p.home {
color:red;
}
footer p.links {
color:blue;
}
ul {
float:left;
}
a {
color:#D6D6C2;
text-decoration:none;
}
a:hover {
color:#969688;
}
p {
color:#32322E;
}
</style>
<script type="text/javascript">
</script>
</head>
<body style="background-color:#14140A;">
<br />
<br />
<hr />
<br />
<div id="page">
<div class="img">
<figure>
<a target="_blank" href="http://www.google.com.br"><img src="images.jpg" width="183" height="260"></a>
<div class="img">
<a style="color:#0066FF" href="http://www.google.com.br">HERE</a>
<p>Frase</p>
</figure>
<figure>
<a target="_blank" href="http://www.google.com.br"><img src="download.jpg" width="183" height="260"></a>
<div class="img">
<a style="color:#0066FF" href="http://www.google.com.br">HERE</a>
<p>Frase</p>
</figure>
</div>
</div>
<br />
<footer>
<ul>
<li> <p class="home">Menu 1</p></li>
<li>Texto</li>
<li>Texto</li>
<li>Texto</li>
</ul>
<ul>
<li> <p class="links">Menu 2</p></li>
<li>Texto</li>
<li>Texto</li>
<li>Texto</li>
</ul>
</footer>
</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito