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!

Ti è piaciuto l'articolo? Se non vuoi rischiare di perderti i prossimi articoli tieniti aggiornato con i feed RSS o seguimi su twitter e facebook!

Se non sai cosa sono, guarda questo video Ora non sai come abbonarti? Guarda questo video

Inoltre potrai seguirmi su twitter, facebook o friendfeed!

Articoli simili che potrebbero interessarti

Come progettare dei siti web con gimp

La progettazione di un sito web prevede diverse fasi: la raccolta del materiale, la visione di altri siti web concorrenti ecc. Poi è buona norma,...

30 documenti PDF per il web design

Oggi vi segnalo questa raccolta di 30 documenti PDF stilata da positivespaceblog, riguardanti la progettazione di siti internet. La raccolta è...

10 video tutorial per il web design

Oggi vi segnalo questo articolo molto interessante, contenente 10 video tutorial utili per iniziare con la progettazione di siti web. Gli argomenti...