html - para - compatibilidad navegadores web
¿Qué navegadores web aplican un margen/margen de CSS predeterminado en el elemento del cuerpo de forma predeterminada? (2)
¿Qué navegadores web aplican un magin predeterminado de CSS y / o relleno en el elemento de cuerpo por defecto?
Sé que Google Chrome aplica un margen de 8 píxeles, y he oído que otros navegadores también tienen un margen predeterminado.
¡Gracias!
La mayoría de los navegadores tienen un margen predeterminado para body
elemento del body
. IE9 da 15px vertical y 10px horisontal, Opera 11 da 8px, sin embargo esto puede cambiar y cambia entre las versiones, por lo que realmente debería incorporar css reset en sus hojas de estilo, ya sea padding:0;margin:0;
casero-brew padding:0;margin:0;
, Eric Meyer''s o YUI .
Simplemente use una página de prueba simple, como esta, y pruebe todos los navegadores que le interesen. Por lo que he visto, los navegadores parecen tener un valor predeterminado distinto de cero para el margin
y 0 para el padding
.
<!doctype html>
<html>
<head>
<title>Default padding on body tag</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js" type="text/javascript" language="javascript"></script>
<script type="text/javascript">
$(function(){
$(''#top'').text($(''body'').css(''margin-top''));
});
</script>
</head>
<body>
margin-top: <span id="top"></span>
</body>
</html>