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>
Código:
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.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;
}
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!
:
