Tiene solución, pero no se la veo tal como lo planteas tu.
Te planteo una forma que creo que cumple con todo lo que necesitas.
El html sería algo así
Código:
<body>
<div id="wrapper">
<div id="pagina">
<div id="encabezado">esto es el encabezado</div>
<div id="cuerpo">esto es el cuerpo </div>
<div id="botones">
<div class="boton">boton1</div>
<div class="boton">boton2</div>
</div>
</div>
</div>
</body>
El css:
Código:
#wrapper {
background-color: #CCCCCC;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
#botones {
background-color: #00FF33;
height: 100%;
width: 120px;
}
#pagina {
background-color: Red;
height: 100%;
margin:auto;
position: relative;
width: 755px;
top:0px;
}
#encabezado {
border: 5px solid #FDF4D5;
float: left;
height: 110px;
width: 744px;
background-color:#00FF66;
}
.boton {
width:110px;
height:34px;
clear: left;
margin:5px;
padding-top:3px
}
#cuerpo {
position:relative;
width:619px;
border: solid 5px #FDF4D5;
float: right;
margin-top:5px;
margin-bottom:5px;
clear:right;
}
He puesto colores chillones, que a mi me va bien para ordenar las capas.
Espero que te sirva.