css - moz - webkit firefox chrome
CSS "esboza" comportamiento de comportamiento diferente en Webkit & Gecko (2)
Este comportamiento incoherente de Gecko es bien conocido y documentado de forma bastante adecuada, aunque curiosamente no en MDN, sino en la referencia de SitePoint :
Firefox hasta e incluyendo la versión 3.5 dibujará el contorno del contorno alrededor del contenido de un elemento que ha desbordado sus límites en lugar de alrededor de las dimensiones del conjunto real del elemento.
Esto continúa afectando a todas las versiones de Firefox. No veo una solución viable para él en este momento, aparte de quitar su div completamente posicionado de su padre y colocarlo relativo a ... algo más.
Estoy trabajando en un experimento y descubrí que la propiedad "esquema" de CSS2 no se implementa de la misma manera en Webkit & Gecko
En el script a continuación, tengo una div posición absoluta dentro de otro div pero flotando fuera de él. El esquema en Webkit describe el div principal real mientras está en Gecko, se expande para cubrir el elemento hijo.
¿Me estoy perdiendo algo? ¿Hay alguna propiedad que deba sobrescribir en Gecko? o debe ser reportado como un error?
Captura de pantalla de Webkit:
Captura de pantalla de Firefox:
EDITAR:
Se ha confirmado que se trata de un error y aquí hay una solución alternativa: http://jsfiddle.net/7Vfee/ (Debe asegurarse de que el elemento primario esté posicionado: relativo o absoluto para que funcione esta solución temporal).
Tuve el mismo problema, así que lo cambié de usar esquema para usar una sombra de cuadro:
box-shadow: 0px 0px 0px 1px #FFF;
en lugar de
outline:1px #dcdcdc solid;