Tengo un error con capas relativas bastante extraño, respecto al posicionamiento del footer.
Según este css (simplificado), y teniendo en cuenta que en el html coloco estos elementos en el orden adecuado (cabecera, bloqueCentral, pie). Lo que cabría esperar es que el footer se colocara a continuacion del "bloqueCentral", sin embargo, se coloca debajo de la cabecera.
Código PHP:
.cabecera {
position: relative;
width: 100%;
height: 15%;
}
.bloqueCentral{
position: relative;
width: 100%;
}
.bloqueCentralIzq{
position: absolute;
height:auto;
width: 20%;
left: 0%;
}
.bloqueCentralDer{
position: absolute;
height:auto;
width: 80%;
left: 20%;
}
.pie{
position:relative;
width:100%;
}
He probado con alturas especificas el lugar de esos height:auto que veis arriba y el problema se mantiene.
Podría poner el footer con posicionamiento absolute pero como el bloque central tendrá una altura variable necesito hacerlo con posicionamiento relativo.
Bueno alguna idea de lo que pasa aquí? Gracias por la atención