Jeder der Webseiten betreibt, kennt das Problem: die Seiten werden in dem einen Browser perfekt angezeigt, in einem anderen wiederum nicht.  Okay, für die schnelle Anzeige, gibt es Tools wie Browsershot oder Viewlike (diesen Tipp habe ich übrigens vom querblog), mit denen sich die Darstellung der jeweiligen Webseiten für die unterschiedlichsten Browser oder Auflösungen simulieren lässt. Mir bereitet immer wieder der Internetexplorer (derzeit Version 8 ) Kopfzerbrechen. Während meine bunte Seite im Firefox und Google Chrome fehlerfrei angezeigt wird, weigerte sich der Internetexplorer bisher vehement

• die Spezial-Rebusse per Popup und
• die anderen Rebusse (wie z. B. Schüttel-Rebusse und Rebusse Curiosum) in einer Lightbox zu öffnen.

Nobody’s perfect

Ich gebe zu, dass das Problem bei den Spezial-Rebusse auf meinem Mist gewachsen ist. Die jeweiligen Scripte waren ein wenig konfus und nachdem mir ein Webseitenbesucher den Tipp gab, dass wiederum die Bauernregeln im Internetexplorer funktionieren, hatte ich wenigstens einen Lösungsansatz. Vielleicht ist es nicht immer verkehrt, wenn man durch eine fehlende Umsetzung in dem ein oder anderen Browser auf eigene Defizite hingewiesen wird. Nur frage ich mich dabei wieder, warum kneifen Firefox und Chrome da mal ein Auge zu, IE aber nicht.

Immer Ärger mit dem Internetexplorer

Für die Anzeige meiner Rebusse verwende ich das Plugin BK-Multithumb und  nahm an, alles funktioniere wunderbar. Ich selber verwende den Internetexplorer äußerst selten. Da ich gestern an einem Fremd-PC mit dem Internetexplorer surfen “musste”, fiel mir erst jetzt das oben beschriebene Desaster auf. Manchmal frage ich mich natürlich auch, warum mich nicht schon jemand darauf hingewiesen hat, dass insbesondere die Spezial-Rebusse gar nicht angezeigt werden. Egal, dieses Problem war schnell eingegrenzt, hat mich letztendlich nur einen Abend gekostet und ist nun behoben.

Mehr geärgert hat mich, dass ich nur für den Internetexplorer mal wieder einen Eingriff in der index.php vornehmen musste, damit  auch dort die komfortable Lightbox-Funktion umgesetzt wird.

Was nicht funktionierte

Kurz anmerken möchte ich, dass ich auch den aus einem Forum vorgeschlagenen Tipp ausprobiert hatte. Dort empfahl man vor dem beginnenden head-Tag folgenden Codeschnipsel einzufügen:

<script type="text/javascript" src="plugins/content/multithumb/shadowbox/shadowbox.js"></script>

Die Lightbox wurde hierbei auch angezeigt, aber sie ließ sich nicht über den “Close”-Button schließen. Das Löschen des Cache und andere Maßnahmen konnten diesen Fehler nicht beseitigen. Also wurde der Code wieder entfernt und ich begab mich erneut auf die Suche.

Und dann klappt es doch

Letztendlich war mir die Seite Shadowbox.js dann eine große Hilfe.

Folgender Code hat dann das Problem gelöst:

<link rel="stylesheet" type="text/css" href="shadowbox.css">
<script type="text/javascript" src="shadowbox.js"></script>
<script type="text/javascript">
Shadowbox.init();
</script>

Diesen habe ich wie beschrieben zwischen den head-Tags platziert und siehe da, es funktioniert.