Ver Mensaje Individual
  #4 (permalink)  
Antiguo 23/05/2011, 22:30
Avatar de cristian_cena
cristian_cena
Colaborador
 
Fecha de Ingreso: junio-2009
Mensajes: 2.244
Antigüedad: 14 años, 10 meses
Puntos: 269
Respuesta: Profundidad entre dos DIV

kiko, asinox tiene razón, pero se le paso un detalle. Y es que para que z-index funcione se deben cumplir dos condiciones.
1 que las capas a apilarse tengan posicionamiento distinto de static.
2 que las capas a apilarse sean hermanas entre sí.

Observo que HeaderConcursoLeft es nieto de HeaderCenter, es por esto que por mas que das posición absoluta z-index no funciona.

Lo que debes hacer es tocar tus etiquetas de modo que te quede algo así:

Código HTML:
Ver original
  1. ... los hermanos sean unidos porque esa es la ley primera. (Martin Fierro) :) ...
  2. <div class="HeaderCenter">
  3. ... contenido anidado, hijos, nietos, etc ...
  4. </div>
  5. <div class="HeaderConcursoLeft ">
  6. ... contenido anidado, hijos, nietos, etc ...
  7. </div>

y luego das un valor mayor de z-index a la capa que quieres que este por arriba.

Acá puedes ver un ejemplo que hice para ti: http://jsfiddle.net/cristian_cena/EFuJE/

Última edición por cristian_cena; 23/05/2011 a las 23:57 Razón: te hice un ejemplo.