February 22
Internet Explorer è stato notoriamente non conformi agli standard di fogli di stile CSS in passato - tanto che si tratta di un dolore comune di web designer che cercano di creare progetti efficaci per più browser. Come i tuoi carri e avvolge comportamento dipende da quale versione di IE che si sta utilizzando e che cosa esattamente si sta cercando di realizzare.
La maggior parte dei bug discussi con i CSS e Internet Explorer si riferiscono specificamente per Internet Explorer 6 e 7; questi hanno avuto la maggior parte dei problemi di conformità agli standard CSS. Internet Explorer 8 è ancora la versione più popolare di Internet Explorer con il 27 per cento degli utenti, nel dicembre 2011. E 'seguito da Internet Explorer 9 con il 11 per cento e Internet Explorer 6 con 7 per cento. Durante la progettazione di layout è necessario pesare quanto sia importante sostenere le nicchie di mercato di versioni precedenti di Internet Explorer.
Con Internet Explorer 6 ci sono stati diversi errori che coinvolgono galleggianti. Un elemento div flottato - un blocco di contenuto che può essere designato indipendentemente dal resto della pagina - in Internet Explorer 6 volte finisce con un doppio margine. Un margine superiore impostato su 10 pixel diventa 20 pixel in Internet Explorer 6. div galleggiava in Internet Explorer 6 anche in grado di comportarsi in modo non corretto, in base ai margini di elementi intorno ad esso. Invece di spostare l'intera galleggiare sopra div secondo all'altro margine, il div avrà una prima riga rientrata di testo senza muovere il resto del div. In entrambi i casi il problema può essere risolto con l'aggiunta di "display: inline;" all'elemento flottato.
Internet Explorer 7 si comporta in modo adeguato in termini di carri allegorici di grandi dimensioni. Se si dispone di due galleggianti che superano la larghezza della finestra, finiranno impilati. Tuttavia, il testo che è destinata ad avvolgere intorno a quei carri non conformi; dovrebbe iniziare dall'alto se il primo elemento flottato, ma invece inizia nella parte superiore della seconda. Questo errore è stato corretto in Internet Explorer 8.
In CSS, quando si crea un elemento, il testo al suo interno si suppone per avvolgere di conseguenza. Se il testo supera le dimensioni specificate della scatola, che dovrebbe o overflow o essere tagliati fuori, come specificato nel foglio di stile. Tuttavia, in Internet Explorer 6 elementi vengono espansi. In alcuni casi questo si traduce in elementi side-by-side finire accatastati, o elementi finire troppo lungo. Questo può essere risolto da entrambe l'aggiunta di "overflow: hidden;" l'elemento che rompe il layout, o l'aggiunta di Microsoft solo CSS "word-wrap: break-word;" a rompere gli elementi che si espandono la scatola.