Idag har jag varit på insektsjakt! Designen till en sida jag jobbar med var snygg i Chrome och Firefox, så hyfsad man kunde förvänta sig i IE8, och sedan kollade jag IE9…
Åh jisses. Hela layouten var helt ur led, med en float: left till höger, och sidebaren (float: right) nere på nästa rad.
Enter Google! Det visade sig att det finns/fanns en bug i IE om man har antingen 1) förälder utan fast bredd eller 2) förälder med margin: auto.
Jag hade 2), men vem vill låta bli en centrerad layout? Jag fortsatte Googla. Slutligen såg jag en intressant trend… Många med detta problem hade en felaktig doctype.
Det hade ju visserligen inte vi, men i desperation skrev jag DOCTYPE istället för doctype, dvs med stora istället för små bokstäver. Då fungerade layouten.
Så, för att sammanfatta: Internet Explorer hamnar i quirksmode om doctype är skrivet med små bokstäver.
PS: Ifall någon vet vem som gjort bilden jag använder så skulle jag vara tacksam över att få reda på det. Den har legat i mappar på mina datorer sedan cirka -96, och konstnärens första namn är troligtvis “Åke”.