Hola, estoy intentando añadir un pie de página a mi web y estoy teniendo bastantes dificultades, a ver si se explicarme bien:
Este es el esquema de la página:
Código HTML:
<body>
<div id=contenedor>
<div id=cabecera>..........</div>
<div id=menu>...............</div>
<div id=contenido>.........</div>
</div>
<div id=pie>.........</div>
</body> Y esto parte del archivo CSS:
Código:
html,body {
height:100%;
}
#contenedor {
position: relative;
min-height: 100%;
}
/* Hack para IE 6 */
* html #contenedor {
height:100%;
}
#cabecera {
margin: 0;
position: relative;
top: 0;
left: 0;
}
#menu {
position: relative;
top: 115px;
left: 0px;
float: left;
}
#contenido {
position: relative;
top: 115px;
left: 25px;
}
#pie {
position:relative;
height:40px;
margin-top:-40px;
}
El posicionamiento del pie lo he buscado por ahi y no me posiciona bien, el pie aparece justo en la parte baja de la página, pero si el contenido es más largo se sobrepone.
He probado a quitar todos los <div> de dentro del contenedor y entonces si que funciona correctamente, asi que creo que es cuestión de jugar con el POSITION, pero no lo tengo muy claro.
No he sido capaz de encontrar un ejemplo con tantos div y pie asi que espero que a alguien se le ocurra algo.
Gracias y un saludo!