Quando si prova a disporre i vari “oggetti” (testi, immagini, animazioni ecc.) tramite i fogli di stile css, ci si accorge che tali disposizioni risulteranno differenti nei vari browser (internet explorer, firefox, opera, safari ecc.).
Questo in quanto ogni browser interpreta i fogli di stile “a modo suo”.
Un modo per cercare di mitigare questo problema è fare un reset degli stili, cercando quindi di uniformare, in parte, l’interpretazione da parte dei diversi browser.
Per ottenere questo, utilizzate il seguente codice, scritto da meyerweb.
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: “” “”;
}
Lo scopo di questo codice è quello di resettare gli stili CSS in modo da avere una base comune a tutti i browser.
Spero via sia utile!
