Resetear el CSS

En un comentario Arwen nos comenta lo siguiente:

"Tenemos la página que carga bien con Firefox pero sin embargo con Explorer depende de que tipo de fuente incluyamos saca caracteres raros (tipo ASCII) y hace el tamaño de letra (titulos laterales) más grande de lo habitual.
Aunque hemos quitado bastante material pesado de la página (slides y multimedia) cuesta cargar...alguna sugerencia???"


Nuestras plantillas, vienen todas con un CSS determinado. Reseteando estos estilos, nos evitará problemas como el de que nuestro blog se vea de manera diferentes en los navegadores. Reseteando el CSS conseguiremos que nuestro blog se vea como nosotros hemos diseñado :)


Para implementarlo, en primer lugar vamos a hacer una copia de nuestra plantilla.
El que yo utilizo, venía por defecto ya incluido en una de mis primeros diseños, y es el que he seguido manteniendo después.

Nos vamos a Diseño - Edición de HTML

Buscamos:

<b:skin>

Y justo después copiamos el siguiente código:

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;

}

/* remember to define focus styles! */

:focus {
outline: 0;
}

body {
line-height: 1;
color: black;
background: white;

}

ol, ul {
list-style: none;

}

/* tables still need 'cellspacing="0"' in the markup */

table {
border-collapse: separate;
border-spacing: 0;

}

caption, th, td {
text-align: left;
font-weight: normal;
}

blockquote:before, blockquote:after,
q:before, q:after {
content: "";

}

blockquote, q {
quotes: "" "";

}

Guardamos los cambios y listo :)

Este código es de Eric Meyer.