February 18
Internet Explorer 9 supporta la maggior parte degli elementi CSS3. Firefox ha sempre avuto una migliore conformità agli standard CSS come stabilito dal World Wide Web Consortium (W3C) di Internet Explorer. Ciò è particolarmente vero per le versioni precedenti di Internet Explorer, che soffriva di bug CSS coerenti.
Firefox è progettato per funzionare con i CSS e HTML come stabilito dal W3C. Imbottitura funziona correttamente con Firefox di progettazione. Secondo gli standard CSS, la larghezza di un elemento si riferisce al contenuto; l'elemento è espanso per includere qualsiasi padding e bordi. Il tuo 200 pixel elemento DIV con cinque pixel di imbottitura sarà effettivamente largo 210 pixel, pari a cinque pixel per ogni lato. Siti web che funzionano correttamente in Firefox non renderà correttamente nelle versioni precedenti di Internet Explorer a causa di un errore conoscono come il bug CSS Box Model.
L'errore Box Model in Internet Explorer è presente quando si imposta un elemento con una larghezza, imbottitura e un bordo. Nelle versioni precedenti di Internet Explorer, l'imbottitura si adatterebbe nella larghezza e ridurre il contenuto. A titolo di esempio, un elemento largo 150 pixel con cinque pixel di padding finirebbe a 160 pixel sulla pagina in Firefox, e rimarrebbe 150 pixel sulla pagina in Internet Explorer, con l'imbottitura contrazione suo sito web interno per 140 pixel.
L'errore Box modello non è presente in tutte le edizioni di Internet Explorer. E 'più diffusa in Internet Explorer 5, ma apparirà in IE 6 e 7 quando il browser è costretto in quirks mode. Quirks mode ospita gli standard Web più anziani a mantenere intatta una pagina. Al momento della pubblicazione, Internet Explorer 5 non è più in uso comune, mentre Internet Explorer 7 conti per un po 'oltre il cinque per cento degli utenti di Internet. Internet Explorer 6 conti per oltre il 7 per cento degli utenti di Internet. Si tratta di un totale di poco meno del 13 per cento.
Il modo più efficace per gestire questo errore in Internet Explorer 6 e 7 è quello di dichiarare una Doctype. Questo indica al browser di trattare il codice HTML e CSS sulla pagina utilizzando un tipo specifico di HTML. Per dire al browser di utilizzare la HTML4.0 doctype Strict, aggiungere il seguente alla prima riga del codice sorgente:
<! DOCTYPE HTML PUBLIC "- // W3C // DTD HTML 4.01 // EN" "http://www.w3.org/TR/html4/strict.dtd">
È inoltre possibile risolvere questo errore nidificazione strati DIV uno dentro l'altro e centrando la seconda DIV all'interno del primo. Utilizzare gli strati di emulare padding, invece di impostare padding con CSS.