Problema con la colocación del footer en mi web Os dejo el HTML y CSS por si encontrais el fallo que pueda tener.
Dentro del seccion va un form, que he quitado para que no se alargue mucho el post. Si creéis que el fallo puede estar en otra parte subo el resto del código.
Muchas gracias a todos de antemano por vuestra ayuda.
Código:
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Empresa</title>
<link rel="stylesheet" href="estiloprueba.css">
</head>
<body >
<header>
<div id="logo"> </div>
<nav>
<ul>
<li ><a href="index.html">Home</a></li>
<li><a href="about.html">About us</a></li>
<li><a href="">News</a></li>
<li><a href="">Services</a></li>
<li><a href="">Careers</a></li>
<li class="current"><a href="contacto.html">Contact</a></li>
</ul>
</nav>
</header>
<section id="slider_wrap">
</section>
<footer id="piePag">
<p> | Copyright empresa 2013 |</p>
</footer>
</body>
</html>
Código:
body{
background:rgb(237,237,237);
font-family:Verdana,Geneva,sans-serif;
font-size:12px;
margin:0;
padding:0;
height:100%;
}
#form_wrap{
float:left;
margin-top:50px;
}
#piePag{
border-radius:5px;
background-color:rgb(68,116,168);
color:rgb(0,0,0);
bottom:0px;
}
