Problemer med tekst i IE ikke Innpakning eller Floating

Internet Explorer har vært notorisk noncompliant med gjennomgripende stilark standarder i det siste - så mye at det er en felles sorg av web-designere prøver å skape effektive design for flere nettlesere. Hvordan din flyter og wraps oppfører avhenger av hvilken versjon av IE du bruker og hva du prøver å oppnå. Internet Explorer: Versjoner og Popularitet

De fleste av feilene diskutert med CSS og Internet Explorer sikter spesielt til Internet Explorer 6 og 7, og disse hadde størst problemer med overholdelse av CSS-standarder. Internet Explorer 8 er fortsatt den mest populære versjonen av Internet Explorer med 27 prosent av brukerne, i desember 2011. Den etterfølges av Internet Explorer 9 med 11 prosent og Internet Explorer 6 med 7 prosent. Når du utformer oppsett du må veie hvor viktig det er å støtte nisjemarkeder av eldre versjoner av Internet Explorer.
Flyter, Marginer og innrykk
p Med Internet Explorer 6 er det var flere feil som involverer flyter. En fløt div element - en blokk med innhold som kan bli stylet uavhengig av resten av siden - i Internet Explorer 6 ender noen ganger opp med en dobbel margin. En topp margin satt til 10 piksler blir 20 piksler i Internet Explorer 6. Fløt divs i Internet Explorer 6 også kan oppføre seg på feil måte, basert på marginer av elementene rundt det. I stedet for å flytte hele fløt div løpet i henhold til den andre margin, vil div ha et innrykket første tekstlinje uten å flytte resten av div. I begge tilfeller problemet kan bli løst ved å legge til "display: inline;". Til fløt element
innpakning rundt Flyter

Internet Explorer 7 oppfører seg riktig i form av store flyter. Hvis du har to flottører som overstiger bredden på vinduet, vil de ende opp stablet. Imidlertid, tekst som er ment til å vikle rundt disse flottører ikke oppfyller, den skal begynne øverst hvis første fløt element, men i stedet starter på toppen av den andre. Denne feilen ble fikset i Internet Explorer 8.
Utvidet Flyter

CSS, når du oppretter et element, er teksten i det ment å vikle tilsvarende. Hvis teksten overskrider den angitte størrelsen på boksen, bør det enten overflow eller bli klippet bort som angitt i stilark. Men i Internet Explorer 6 elementene er utvidet. I noen tilfeller resulterer dette i side-ved-side-elementer som ender opp stablet, eller elementene havne for lang. Dette kan løses enten ved å legge til "overflow: hidden;" til elementet som bryter layout, eller legge den Microsoft-only CSS "word-wrap: break-ord," å bryte elementer som utvider boksen.