Reniciar el estilo CSS de los navegadores para minimizar las diferencias entre estos
Por: Víctor F. Ruiz
4 de May del 2008 (12:35 am)
Lo ideal sería que todos los navegadores tengan los mismos estilos por defecto para que no halla diferencia entre ellos a la hora de mostrar las páginas, pero, por desgracia, esto no es así, pero, gracias al CSS podemos minimizar estas diferencias entre los navegadores para que nuestra página se vea correctamente en todos los navegadores.
Este artículo en ingles nos ofrece una larga lista de hojas de estilo que nos permitirán hacer esto que decimos. Todas ellas se encuentran descritas y cada cual debe de elegir aquella que más le guste. A continuación os dejo una de ellas de las que más me han gustado:
Código CSS (Copiar):
-
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form,
-
fieldset, input, textarea, p, blockquote, th, td {
-
padding: 0;
-
margin: 0;
-
}
-
table {
-
border-collapse: collapse;
-
border-spacing: 0;
-
}
-
fieldset,img {
-
border: 0;
-
}
-
address,caption,cite,code,dfn,em,strong,th,var {
-
font-weight: normal;
-
font-style: normal;
-
}
-
ol,ul {
-
list-style: none;
-
}
-
caption,th {
-
text-align: left;
-
}
-
h1,h2,h3,h4,h5,h6 {
-
font-weight: normal;
-
font-size: 100%;
-
}
-
q:before,q:after {
-
content:'';
-
}
-
abbr,acronym { border: 0;
-
}