CSS de Firefox Margen superior no es el mismo como Chrome y IE

Si has trabajado en su sitio web tratando de hacer que todo parezca perfecto y más tarde se descubrió que se ve raro en otro navegador, usted no está solo. Lo que podría parecer ser una obra maestra terminada en Internet Explorer puede parecer un completo desastre en Firefox o Chrome. Si los mejores márgenes de sus páginas no aparecen de la misma a través de múltiples navegadores, hay varias razones posibles por las que - y soluciones que puede emplear para resolverlo.

Hojas de estilo en cascada

las hojas de estilo en cascada permiten modificar los elementos de una página web como la fuente, el color o los márgenes, con las especificaciones de estilo más comúnmente colocan en un archivo externo. El atributo margen superior - margin-top - establece la distancia vertical del espacio entre la parte superior de la ventana y el cuerpo de su página Web, y su valor se puede especificar la longitud o un porcentaje, o use "automático", el valor por defecto del navegador . Como cada navegador puede tener un margen superior predeterminado diferente, el margen superior de su sitio web puede hacer que un poco diferente en cada uno.

Los navegadores web

De acuerdo con los datos NetMarketShare.com, 54 por ciento de la gente consultada en la web utilizando Internet Explorer Firefox en marzo de 2012. Fue el segundo en el 21 por ciento, y Chrome quedó en tercer lugar con 19 por ciento. Los desarrolladores y diseñadores consideran principalmente los tres navegadores al crear sitios web. Si Chrome e IE muestran el margen superior como se esperaba, pero Firefox no lo hace, puede utilizar CSS para restablecer los valores predeterminados del navegador o inconsistencias de navegador, lo que le permite el estilo de su margen superior como desee.

Restablecer CSS

A Restablecer CSS, también conocido como CSS reset, reduce las inconsistencias de navegación Web, que pueden existir incluso dentro de las distintas versiones de los navegadores. En Internet Explorer 7, por ejemplo, el margen superior por defecto para el cuerpo es de 15 píxeles; en IE8 e IE9, que es de 8 píxeles. Con un Reset CSS, se restablece esencialmente el margen superior a cero mediante el uso de algo similar al código genérico continuación:

{Margin-top: 0; padding: 0; }

Esto elimina todos los ajustes de los márgenes superior para que pueda definir su propio. Existen muchas hojas de estilo CSS reset en el dominio público, proporcionando un ejemplo, si desea cambiar el resto de los elementos HTML en su página web.

Normalize.css

Una alternativa a un Reset CSS es utilizar Normalize.css, que es un archivo CSS de código abierto que puede personalizar para hacer que los navegadores Web muestran elementos de la página Web de manera similar. A diferencia de un Reset CSS, no lo elimina por defecto del navegador, sino que corrige inconsistencias de navegación. A partir de 2012, el archivo es compatible con los tres principales navegadores web e incluye código para corregir los elementos HTML que controlan elementos como blockdisplay, inconsistencia font-family, márgenes y más.