porque para pagina navegadores los funcionan diferente compatibilidad como codigo html css layout webpage

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>