Gracias a los 2 por responder. Conseguí arreglarlo.
Mikmoro gracias! Cambie el posicionamiento de las capas izquierda y derecha por dos capas flotantes. Que incluyen capas relative.
Bueno este es el css:
Código PHP:
<style>
#bloqueCentral{
width: 100%;
overflow: hidden;
min-height:100%;
height:auto!important;
height:100%;
background-color: #FFFF00;
position: relative;
}
#bloqueCentralIzq{
width: 20%;
background-color: #FFFFFF;
z-index: 5;
min-height:100%;
height:auto!important;
height:100%;
float: left;
}
#bloqueCentralDer{
width: 80%;
background-color: #FF0000;
z-index: 5;
min-height:100%;
height:auto!important;
height:100%;
float: right;
}
#pie{
width:100%;
height:3em;
background-color: #666666;
clear: both;
}
.cuadro1{
position:relative;
bordes,margenes, etc...
}
.cuadro2{
position:relative;
bordes,margenes, etc...
}
</style>
Es importante que como la altura se ajusta desde las capas interiores hacia la externas siempre se visualizan los elementos da igual el volumen que tengan los contenidos y de esa manera puedo luego establecer que la capa "contenedor" tenga overflow:hidden; debido a este atributo, hidden, la altura "dinamica" de la capa contenedor es obligada a calcularse y la capa "pie" se coloca correctamente. Dicho sea de paso, nos ahorramos lo de usar elementos auxiliares con "clear:both".
El html:
<body>
<div id="contenedor">
<div id="cabecera"></div>
<div id="bloqueCentral">
<div id="bloqueCentralIzq">
<div class="cuadro1">Menus, opciones, etc...</div>
</div>
<div id="bloqueCentralDer">
<div class="cuadro2">Contenidos....</div>
</div>
</div>
</div>
<div id="pie"</div>
</body>
</html>
Venga un saludo chicos