Zoals zo vaak geeft Internet Explorer problemen... of het nu versie 6, 7 of 8 betreft. Het blijft altijd een strijd ( lees : uitdaging? ) om je website ook in Internet Explorer goed te laten functioneren. Nu is weer het gebruik van shadowbox.js een probleem.

Met dit script laadt je een slideshow. Navigeren met dit script gaat eenvoudig door het gebruik van de pijltjes toetsen op je toetsenbord. Dus hoef je niet persé je muis te gebruiken om naar de volgende afbeelding te gaan.

Maar ja Internet Explorer 8 laadt dit script dus gewoon niet. Nu is het natuurlijk mogelijk om die vreselijke "compatibiliteitsweergave"-optie aan te zetten. Dat omzeilt echter alleen maar het probleem....

Aparte stylesheet voor Internet Explorer 8

Een andere en betere oplossing is vrij simpel :

• - maak een aparte stylesheet ( bijvoorbeeld template_ie8.css ) aan voor IE8 met daarin onderstaande codes :

#shadowbox_title { border: 0px solid; }
#shadowbox_info { border: 0px solid; }

• - laadt deze stylesheet vervolgens ná de basis stylesheet door onderstaande code op te nemen in je index pagina.

<!--[if IE 8]>
<link rel="stylesheet" href="/templates//css/template_ie8.css" type="text/css" />
<![endif]-->

Hiermee is het probleem wat shadowbox.js opgelost.

En het gebruik van de meta tag X-UA-Compatible?

Andere oplossingen zoals het opnemen van de meta-tag "<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />" raadt ik af. Deze optie dwingt IE8 in IE7-Emulatie. Maar wat nu als deze optie op een gegeven moment door Microsoft uit IE8 wordt gesloopt? Dan werkt deze optie niet meer en heb je of in ieder geval de bezoekers van je website het probleem dus weer terug.