IE6 og CSS Issues

IE6 og CSS Issues


Microsoft lanserte Internet Explorer 6 (IE6) i august 2001. På tidspunktet for utgivelsen, ingen annen nettleser holdt på å støtte Cascading Style Sheets (CSS) og andre webstandarder, som definert av World Wide Web Consortium (W3C). IE6 hatt en lang periode som en av nettets mest populære nettleserne. Men IE6 aldri innlemmet full støtte for CSS, og dens feil forårsaket ekstra arbeid for web-designere. Mange designere er fortsatt nødvendig for å støtte IE6, som krever bruk av koding hacks og work-arounds.

IE6 Usage

Utgivelsen av IE6 falt sammen med Windows XP, og IE6 ble levert sammen med det nye operativsystemet. Den langsiktige populariteten til Windows XP bidratt til langsiktig bruk av IE6. Til tross for senere versjoner av Internet Explorer, mange brukere aldri oppdatert til nyere versjoner. Noen bedrifter er motvillige til å oppdatere programvare og ikke la arbeiderne til å oppdatere sine nettlesere, forlater dem fast med IE6. I februar 2011, Microsoft satt opp en nedtelling hjemmeside ie6countdown.com som viste IE6 bruk var ned til 2,9 prosent i USA. Kina er fortsatt IE6 høyborg på 34,5 prosent bruk.

Velkjente Bugs

Den mest kjente og plagsomme IE6 bug er kjent som "boksen modellen bug." Denne feilen fører til IE6 til feilberegner bredden av en blokk-nivå HTML element, for eksempel en div eller en form. Nettsteder kodet med CSS og testet for å fungere som forutsatt i standardkompatible nettlesere ofte ser rotete og brutt i IE6 på grunn av denne feilen. En annen bug som forårsaker lignende problemer er "dobbel margin bug." Marginene satt i CSS skal overlappe, men IE6 ikke overlapper marginene, forårsaker en "dobbel margin" i stedet. "Stepdown" er en annen bug som forårsaker fløt blokk-nivå elementer å kaskade som trapper i stedet for å stille opp ved siden av hverandre i en pen rad.

Manglende støtte

Siden utgivelsen av IE6, nyere nettlesere kom på markedet som støtter flere CSS-regler. I 2011, de fleste moderne nettlesere støtter også CSS3, som ikke eksisterte på tidspunktet for IE6 utgivelse. Noen viktige CSS-regler IE6 ikke støtter inkluderer min-bredde og min-høyde, som strekker seg ut et element i henhold til minimumspiksel beløp. Hold markøren stater mangler fra alt, men koblinger i IE6 også. Dette betyr bare koblinger kan endre sin stil når en mus svever over dem. IE6 nettleser mangler også støtte for PNG image åpenhet, noe som gir de gjennomsiktige områdene av grafikken en kjedelig, grå bakgrunn.

Fixes

Lage et nettsted layout kompatibel med IE6 krever bruk av spesielle betingede koder Microsoft opprettet. Disse betingede kodene ser ut som HTML kommentarkoder og fungerer på en lignende måte, siden ikke-IE nettlesere ikke lese dem. Innenfor den betingede tag, designeren kaller en alternativ CSS-fil for å løse feilene. Siden hver IE versjon har sine egne feil, noen ganger designere trenger flere betingede tagger med flere CSS-filer. For andre problemer, for eksempel mangel på PNG gjennomsiktighet støtte eller mangel på støtte for nyere CSS-regler, må designer eller programmerer bruke Javascript. Ulempen er at når en bruker slår av Javascript, forringer området.