Hola,

Este comportamiento es correcto, en ingles lo llaman "Collapsing margins" y
no estoy seguro de la traducción correcta, aquí tienes el enlace en inglés
[1] donde explican los motivos y los casos en los que sucede, en ie es
diferente si tiene "hasLayout" [2] activado .

Se soluciona estableciendo un "block formatting context"[3] nuevo, como
puede ser un overflow (cualquiera distinto a visible), o un float.

Siento que todos los enlaces estén en inglés.

[1] http://www.w3.org/TR/CSS21/box.html#collapsing-margins
[2] http://www.satzansatz.de/cssd/onhavinglayout.html
[3] http://www.w3.org/TR/CSS21/visuren.html#block-formatting

Saludos

Rafa

biosfera  4
diseño y desarrollo web
http://www.biosfera4.com


Hernán Beati - SaberWeb.com.ar escribió:

> Hola a todos!
> Estoy tratando de entender un ejercicio al que no le encuentro una causa
> lógica:
> 
> 1) El body tiene aplicada una imagen de fondo en mosaico. Sin problemas
> hasta aquí.
> 
> Luego hay dos divs:
> 
> 2) un div #contenedor con una imagen de fondo (unos planetas grandes)
> 
> 3) y otro div con textos dentro.
> 
> Si aplico un margin-top (unos 200px en este caso) al div del TEXTO, la
> imagen del fondo DEL CONTENEDOR se mueve hacia abajo esos 200px, como si
> ese div "percibiera" que cambió la posición del div interno, y se
> reacomodara a él!
> 
> Si le pongo overflow:auto al #contenedor se soluciona, el #contenedor
> sube y muestra la foto de fondo comenzando del borde superior de la
> pantalla, pero no entiendo por qué regla específica de CSS la ubicación
> DEL CONTENEDOR cambia si cambio el margen de OTRO div interno...
> 
> La URL es:
> http://www.cursodecss.com.ar/index.html
> 
> Desde ya, gracias por cualquier pista...
> 
> Saludos!
> 
> --
> Hernán Beati
> http://www.saberweb.com.ar
> _______________________________________________
> Lista de distribución Ovillo
> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> http://lists.ovillo.org/mailman/listinfo/ovillo



_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo

Responder a