Buenas, tengo un problema con el footer de una web que estoy haciendo, me lo pinta arriba de la pantalla en lugar de en el pie de pagina, no entiendo por que hace eso.
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;
}