torsdag den 3. juli 2014

IE11 og renderings problemer (fix med meta tag)


Når man skifter til IE11 kan der være nogle stylings ting der ikke fungerer på samme måde længere, regler der ikke overholdes på samme måde, og derfor ser underlig ud i IE11, men pæn i samtlige andre browsere.
Af en eller anden underlig årsag så kan IE11 godt finde på at bruge rendering engine 7 eller 8 nogen gange, uden helt at være klar i spyttet med hvornår og hvorfor.

Heldigvis er der et meta tag der kan gøre at du beder Internet Explorer om at bruge nyeste rendering engine.
 <meta http-equiv="X-UA-Compatible" content="IE=edge" />

Du kan så selv bestemme hvilken engine den skal forsøge at rendere den med (vha. content), og kan være gavnligt i nogle scenarier.
Fx så sent som i dag har jeg haft en fejl med CuteEditor ikke blev renderet ordentligt fordi content den stod til "IE=edge".
Dette blev så løst ved at sætte den til:
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE9" />

Dette er på grund af IE11 har noget med noget sikkerhedszoner der giver fejlen, men ved IE9 ser siden pæn ud OG cuteeditoren virker faktisk.
Utroligt nogle gange hvad hacks der er nødvendige at foretage sig.

Ingen kommentarer:

Send en kommentar

Kan du lide mit indlæg, har en kommentar, forslag eller andet på hjerte så skriv venligst