Ver Mensaje Individual
  #6 (permalink)  
Antiguo 24/05/2011, 09:15
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

Un gusto que te haya servido kiko.
Otra cosa: Respecto de que cuando das position absolute tu capa pasa a depender de body y con ello pierdes el centrado. También puedes solucionar esto muy fácil.

Si ves en el ejemplo #padre tiene position:relative; esto quiere decir que ahora la posición o distancia de sus hijos que estan posicionados en absoluto dependen del eje de coordenadas 0,0 (esquina superior izquierda) de la capa #padre. Por la razón de que un elemento con posición absoluta va a buscar su ancestro inmediato relativo (si no encuentra el padre, buscara al abuelo y asi sucesivamente hasta llegar a body) y si no lo encuentra pues tomará a body como referencia para generar sus cotas.
Esto te permite olvidarte de ese truco de left y margin-left ya que puedes especificar distancia en px.

Otro problema que te puede surgir es que quieras desplazar las capas absolutas por fuera del contenedor relativo(en nuestro ejemplo #padre). Aquí deberás jugar con la propiedad overflow, dandole el valor "visible" en lugar de "hidden" si es que lo tiene.

Espero te sirva, saludos y suerte.