¿que se hace para que una capa superior desplace a una infer

No entiendo bien lo que quieres hacer :?

Ah, vale :wink: . Pues entonces tienes que quitar las posiciones absolutas.

Estoy corrigiendo los fallos, dentro un ratito te la doy bien hecha.

Fíjate como va tomando forma, lo importante es poner en la hoja html la capas en orden, y las que tienen float dentro de otras capas:

Código html:

<HTML>
<HEAD><TITLE>CON CAPAS</TITLE></HEAD>
<link rel="StyleSheet" media="screen" type="text/css" href="estilodiv.css">
<BODY>
<DIV id="global"> <div>
<div id="logotipo">logotipo</div>
<div id="menusuperior">menu superior</div>
<div id="capainformativa"> capa informativa</div></div>
<div id="linea">donde estas que no te veo</div>
<div><div id="menulateral">menu lateral</div>
<div id="contenido">contenido
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
</DIV> </div>
<div id="volver">volver</div>
<div id="firma">firma</div>
</BODY>
</HTML>


estilodiv.css


Body{
background-color:#151b8d;
font-size:12px;
font-family:Georgia1, Georgia, serif;
font-weight:bold;
text-align:center;

}
P {PADDING: 5px 10px 5px 10px}

#global {BACKGROUND-COLOR:#ffffff ;
width:800px;
height:600px;
}
#logotipo{BACKGROUND-COLOR:#00ce89 ;
FLOAT:left;
width:125px;
height:80px;
}
#menusuperior {BACKGROUND-COLOR:#0cd003 ;
FLOAT:right;
width:675px;
height:50px;
}
#capainformativa{BACKGROUND-COLOR:silver;
FLOAT:right;
width:675px;
height:30px;
}
#linea{
BACKGROUND:url(linea.gif);
width:800px;
height:9px;
}
#menulateral {BACKGROUND-COLOR:pink;
FLOAT:left;
width:125px;
height:508px;
}
#volver {BACKGROUND-COLOR:#0dd006 ;
FLOAT:righ;
width:675px;
height:21px;
}
#firma{BACKGROUND-COLOR:green ;
FLOAT:righ;
width:800px;
height:20px;
}

#contenido {BACKGROUND-COLOR:#123005 ;
float: right;
width:675px;

}



Saludos, Juanma

Las capas contenido y menu lateral las metí en una misma porque
estaban en el mismo sitio respecto a arriba y abajo.
Para que una esté a la izquierda le puse float: left y a la otra float: right
Si quieres que una quede enmedio no se le pone float.
¿Ahora que es lo que quieres hacer?¿Le queda algun problema?
Saludos, Juanma

He visto que no quitaste las posiciones absolutas en el nuevo código. Respecto a las capas, sin posición absoluta, las debes poner en el código en el orden que quieran que te aparezcan.
Saludos, Juanma

Hola he mirado los codigos, y me enrredé toda jejej

creo que jugoncan te dió una buena solución

yo hice otra prueba, y me quedó asi:

<HTML>
<HEAD><TITLE>CON CAPAS</TITLE></HEAD>
<link rel="StyleSheet" media="screen" type="text/css" href="estilo2.css">
<body>
<div id="global">
<div id="cabecera">
<div id="logotipo">logotipo</div>
<div id="menusuperior">menu superior</div>
<div id="capainformativa">capa informativa</div>
</div>
<div id="linea">.</div>
<div id="menulateral">menu lateral</div>
<div id="contenido">contenido
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a


</div>
<div id="volver">volver</div>
<div id="firma">firma</div>
</div>

</BODY>
</HTML>

estilo2.css
body {background-color:#151b8d; text-align:center}

#global {background-color:yellow;
width:800px; text-align:center}

#cabecera {width:800px;
height:80px; background-color:#CCFFFF}

#logotipo {background-color:#00ce89 ;
width:125px;
height:80px;
float:left}

#menusuperior {background-color:#0cd003 ;
width:675px;
height:50px;
float:left}

#capainformativa{background-color:silver;
width:675px;
height:30px;
float:left}
#linea {background-color:#FF3399;
width:800px;
height:15px;}

#menulateral {BACKGROUND-COLOR:pink;
float:left;
width:125px;
height:508px;}

#contenido {background-color:#123005 ;
width:675px;
float:left}

#volver {background-color:#0dd006 ;
width:670px;
height:21px;
float:left}

#firma{background-color:green ;
width:800px;
height:20px;
float:right}



checalo y nos avisas

saludos