Internet Explorer è stato notoriamente non conformi con gli standard foglio di stile CSS in passato..--tanto che è un comune guai di Web designer cercando di creare disegni efficaci per più browser. Comportano tuo galleggianti e impacchi dipende da quale versione di Internet Explorer si utilizza e che cosa esattamente si sta tentando di realizzare.

Internet Explorer: Versioni e popolarità

Maggior parte dei bug discusso con CSS e Internet Explorer si riferiscono specificamente per Internet Explorer 6 e 7; Questi hanno avuti la maggior parte dei problemi con la conformità agli standard CSS. Internet Explorer 8 è ancora la versione più popolare di Internet Explorer con 27 per cento degli utenti, nel dicembre 2011. Esso è seguito da Internet Explorer 9 con 11 per cento e Internet Explorer 6 con 7 per cento. Durante la progettazione di layout che è necessario valutare quanto sia importante supporto i mercati di nicchia delle versioni precedenti di Internet Explorer.

Galleggianti, margini e rientri

Con Internet Explorer 6 c'erano diversi errori che coinvolgono carri allegorici. Un elemento di fatto galleggiare div..--un blocco di contenuto che possa essere in stile indipendentemente dal resto della pagina..--in Internet Explorer 6 a volte finisce con un doppio margine. Un margine superiore impostato a 10 pixel diventa di 20 pixel in Internet Explorer 6. Galleggiare divs in Internet Explorer 6 anche possono comportarsi in modo non corretto, basato sui margini degli elementi intorno ad esso. Invece di spostare il div intero fatto galleggiare secondo altri il margine, il div avrà una rientro prima riga di testo senza spostare il resto del div. In entrambi i casi il problema può essere risolto aggiungendo "display: inline;" all'elemento fatto galleggiare.

Avvolgere intorno galleggianti

Internet Explorer 7 si comporta in modo appropriato in termini di galleggianti di grandi dimensioni. Se si dispone di due galleggianti che superano la larghezza della finestra, finiranno in pila. Tuttavia, non rispetta il testo che ha lo scopo di avvolgere intorno a quelli galleggianti; dovrebbe iniziare nella parte superiore se il primo ha galleggiato elemento, ma invece inizia nella parte superiore del secondo. Questo errore è stato risolto in Internet Explorer 8.

Espanse galleggianti

In CSS, quando si crea un elemento, il testo all'interno di esso dovrebbe eseguire il wrapping di conseguenza. Se il testo supera le dimensioni specificate della scatola, che dovrebbe overflow o essere tagliato come specificato nel foglio di stile. Tuttavia, in Internet Explorer 6 vengono espansi gli elementi. In alcuni casi questo si traduce in side-by-side gli elementi finendo in pila, ovvero finire troppo a lungo. Questo può essere risolto aggiungendo "overflow: nascosto;" all'elemento che rompe il layout o l'aggiunta di CSS solo Microsoft "capo: pausa-parola;" per gli elementi di rottura che espandere la casella.