-
Vs. Internet Explorer Firefox Relleno
-
Internet Explorer 9 es compatible con la mayoría de los elementos de CSS3. Firefox siempre ha tenido un mejor cumplimiento de los estándares CSS según lo establecido por el World Wide Web Consortium (W3C) que no sea Internet Explorer. Esto es especialmente cierto para las versiones anteriores de Internet Explorer, que sufría de errores CSS consistentes.
Comportamiento adecuado Relleno
Firefox está diseñado para trabajar con CSS y HTML según lo establecido por el W3C. El relleno funciona correctamente con Firefox por diseño. De acuerdo con estándares CSS, el ancho de un elemento se refiere al contenido; el elemento se expande para incluir cualquier relleno y las fronteras. Su 200 pixel elemento DIV con cinco píxeles de relleno será realmente 210 píxeles de ancho, lo que representa cinco píxeles en cada lado. Los sitios web que funcionan correctamente en Firefox no se represente correctamente en las versiones antiguas de Internet Explorer debido a un error conocen como el insecto CSS modelo de caja.
Modelo de Cajas de error
El error de modelo de caja en Internet Explorer está presente cuando se configura un elemento con un ancho, relleno y un borde. En las versiones anteriores de Internet Explorer, el relleno encajaría dentro de la anchura y reducir el contenido. A modo de ejemplo, un elemento de ancho de 150 píxeles con cinco píxeles de desplazamiento terminaría en 160 píxeles en la página en Firefox, y permanecería 150 píxeles en la página en Internet Explorer, con el relleno de la reducción de su contenido interno de 140 píxeles.
Versiones de IE
El error de modelo de caja no está presente en todas las ediciones de Internet Explorer. Es más prevalente en Internet Explorer 5, pero aparecerá en IE 6 y 7 cuando el navegador es forzado en modo no estándar. Modo peculiaridades acomoda estándares Web más edad para mantener una página intacta. En el momento de la publicación, Internet Explorer 5 ya no es de uso común, mientras que Internet Explorer 7 representa un poco más del cinco por ciento de los usuarios de Internet. Internet Explorer 6 representa más del 7 por ciento de los usuarios de Internet. Se trata de un total de poco menos de 13 por ciento.
Administrar el error
La forma más eficaz de gestionar este error en Internet Explorer 6 y 7 es declarar un tipo de documento. Esto le indica al navegador para tratar el código HTML y CSS en la página utilizando un tipo específico de HTML. Para decirle al navegador para usar el tipo de documento estricta HTML4.0, añada lo siguiente a la primera línea de su código fuente:
<! DOCTYPE HTML PUBLIC "- // W3C // DTD HTML 4.01 // EN" "http://www.w3.org/TR/html4/strict.dtd">
También puede corregir este error mediante la anidación capas DIV uno dentro del otro y el centrado de la segunda DIV dentro de la primera. Usar las capas de emular relleno, en lugar de la configuración de relleno con CSS.
