Vi sarà capitato di vedere il vostro sito in modo differente, ma spieghiamo meglio a cosa è riferita questa diversità.
Bene, avete appena finito il vostro layout, e diciamo che avete fatto un ottimo lavoro.
Aprite Firefox e tutto sembra regolare, aprite Internet Explorer e vedete la vostra grafica totalmente fuori ordine.
Questo accade perché non siete riusciti a creare un layout crossbrowser, ovvero che funzioni su tutti i browser.
Purtroppo fino ad oggi ci sono ancora browser che renderizzano la vostra pagina web in modo del tutto differente.
Tutto ciò è stato sempre argomento di gran dibattito, ed ha interessato molti specialisti del web, che hanno anche scritto libri in merito.
Ma io vi propongo una piccola soluzione, certo non risolverà tutti i vostri problemi, ma vi farà partire con un discreto vantaggio.
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,
b, u, i, center,
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-size: 100%;
vertical-align: baseline;
background: transparent;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: ”;
content: none;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}
/* tables still need ‘cellspacing=”0″‘ in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
}
Di cosa si tratta? è un foglio stile di reset, cioè ci permette di avere dei valori globali da cui partire su tutti i browser.
Perché ogni browser come detto prima renderizza a modo suo, ed i valori di margin, padding e altri variano a seconda dell’interpretazione del browser in uso.
Ti piace Perché il mio sito si vede in modo differente? allora seguici.
Segnala subito l'articolo
