colocar capas por CSS ordenadas

[kristian159]

gracias por contestar...

la verdad me has ayudado bastante, queria todo fijo y que solo cambiase lo que es el centro, el contenido... luego he pensado que si el contenido es auto, es decir variable lo que venga debajo lo deberá ser o como lo hago para que siempre este debajo? voy a adjuntar aquí el código a ver si alguien ve un error garrafal...

y como se hace para que si modifico la ventana del navegador llegue a un limite que no siga estrechando la web para que no se vea mal.. eso me suena que se podía hacer pero nunca supe como ni encuentro la función..

código (un trozo, lo demás es casi un copia pega...) :

Código CSS:

#total{
 
    background-color: white;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    left:0px;
    top:0px;
}
 
#cabecera{
background-color: green;
position: absolute;
width:80%;
height:25%;
left: 10%;
top: 5%;
}
 
#banner {
position: absolute;
width:100%;
height:24%;
left: 0%;
top: 0%;
background-color: orange;
}
 
#menu{
background-color: e5e5e6;
position: absolute;
width: 100%;
height: 13%;
left: 0%;
top: 20%;
z-index:2;
padding: 0; 
 
}
 
#rotativo{
position: absolute;
width:100%;
height:55%;
left: 0%;
top: 32%;
background-color: yellow;
}