Gracias C2am,
el código html:
<body>
<div class="fondosuperior">
<div class="cabecera"></div>
</div>
<div class="cuerpo"></div>
<div class="pie"></div>
</body>
y el css:
body{
background-color:#333;
}
.fondosuperior{
position:relative;
z-index:1;
height:400px;
background-color:#090;
}
.cabecera{
position:relative;
z-index:2;
width:900px;
height:150px;
background-color:#966;
margin:auto;
}
.cuerpo{
position:relative;
z-index:2;
background-color:#03C;
width:900px;
height:650px;
margin:0 auto;
}
.pie{
position:relative;
z-index:1;
min-height:150px;
background-color:#F60;
}
Y de momento esto es lo que he conseguido:
Me falta que la capa azul (cuerpo) se superponga sobre la verde y que la naranja (pie) esté siempre abajo del todo de la web.
Gracias de nuevo!