¡Buenas!
Estoy elaborando una plantilla pero al principio y al final queda una línea blanca. Quiero que la div que nombré "contenido-cabecera" y la div "pié" queden al final de la plantilla sin dejar espacio. Os enseño imágenes de la línea que queda:
[contenido no disponible]
[contenido no disponible]
Me gustaría quitar esa línea y pegar las divs mencionadas completamente al final de de la página y que quitando los bordes de arriba (en la cabecera) y abajo (en el pié) quede mejor visualmente.
El código es este:
¡Un saludo y gracias de antemano!
Estoy elaborando una plantilla pero al principio y al final queda una línea blanca. Quiero que la div que nombré "contenido-cabecera" y la div "pié" queden al final de la plantilla sin dejar espacio. Os enseño imágenes de la línea que queda:
[contenido no disponible]
[contenido no disponible]
Me gustaría quitar esa línea y pegar las divs mencionadas completamente al final de de la página y que quitando los bordes de arriba (en la cabecera) y abajo (en el pié) quede mejor visualmente.
El código es este:
<head>
<title>Documento sin título</title>
<link rel="stylesheet" href="estilos.css" type="text/css" media="all">
</head>
<body>
<div id="global">
<div class="contenido-cabecera">
<a href="#" class="inicio"></a>
<a href="#" class="descargas"></a>
</div>
<div class="logo">
</div>
<div class="contenido-cuerpo">
</div>
<div class="pie">
</div>
</div>
</body>
</html>
* {
margin:0px;
padding:0px;
border:0px;
}
a {
font-family:"Arial", cursive; text-decoration:none;
font-size:18px;
}
body {
text-align:center;
background-color:#F2F2F2;
}
#global {
margin:4px auto;
width:1024px;
}
.contenido-cabecera {
height:40px;
border:solid 1px;
}
.logo {
height:120px;
}
.contenido-cuerpo {
border:solid 1px;
min-height:1500px;
}
.pie {
border:solid 1px;
margin-top:20px;
height:30px;
}
¡Un saludo y gracias de antemano!