Werkstatt für Medien, Kommunikationsgestaltung und IT

Joomla! 1.0.x ie_png24_fix Mambot

Websitegestalter kennen das Problem: die wunderschön filigrane, mit png24 und fein abgestuften Transparenzverläufen ausgestattete Sitevorlage wird von MS Internet Explorern der älteren Generation nicht richtig dargestellt.

Statt einer Transparenz rendert der MSIE < 7 einen hellen deckenden Hintergrund. Das Problem ist durch die Verwendung von gif-Formaten nicht auszuräumen, zu grob sind die Verlaufsabstufungen in den max. 256 möglichen Farben.

Es gibt einen Trick

Für die korrekte Auswertung des Alpha-Channels von png24-Grafiken benötigt der MSIE < 7 ein Workaround. Die korrekte Darstellung funktioniert unter Zuhilfenahme von Active-X-Controlls. Über Javascript und der DOM-Beschreibung wird der Active-X-Alpha-Chanel-Filter aktiviert und auf die darzustellende png24-Grafik angewendet. Mit Hilfe von DHTML-Scripten kann das Active-X-Control auf alle eingebundenen Bilder angewendet werden.

Bei richtiger Anwendung werden damit über ausgelagerte Styleanweisungen oder direkt im Quelltext referenzierte Vorder- und Hintergrundbilder mit png24-Transparenzen auch in älteren MSIExplorern korrekt dargestellt.

Für das Joomla! (1.0.x) CMS hat mediahof einen Mambot entwickelt, der den MSIE png24-Alpha-Channel-Support in das CMS integriert. Unterstützt werden sämtliche Bilder die im Quelltext oder in ausgelagerten Stylesheets referenziert sind.

Lizenz

Das Mambot wird zur freien Verwendung im Rahmen der GNU GPL Lizenzbedingungen angeboten.

Download

Download	Bezeichnung	Sprachversion	Erstellungsdatum	Version	Kompatibilität
	Mambot	de	18. Feb. 2008	1.1	Joomla! 1.0.x
	Dokumentation (PDF)	Deutsch	18. Feb. 2008	1.1

Einschränkungen

Mit CSS referenzierte Hintergrundbilder können nicht positioniert (position: ...) oder gekachelt (repeat, repeat-x, repeat-y) werden. An diesem Problem haben seit 2004 nicht nur wir uns die Zähne ausgebissen.

Für einfarbige oder einfach farbverlaufende Transparenzen, hat mediahof bereits eine Lösung gefunden, welche in der kommenden Version (auch für Joomla 1.5 native) erhältlich sein wird.

Eine pixelgenaue Positionierung kann unproblematisch z.B. über eine passende Div-Box erfolgen, in welche die Hintergrund-png-grafik eingebettet wird. Die position wird dann nicht im background-Attribut sondern für die ganze Div-Box referenziert. Hier ist Kreativität und Experimentierfreude angesagt.

Zum Glück unterstützt der aktuelle IExplorer 7.x png24-Transparenzen.  mediahof hofft auf ein baldiges Aussterben der älteren MSIE-Versionen.

Bei ausgeschaltetem Javascript kann das Mambot-Programm nicht ausgeführt werden. MSIExplorer < 7 würden in diesem Fall keine Transparenzen von png24-Grafiken darstellen.

Qualitätsprüfung

Die Quelltextausgabe erfüllt die XHTML 1.0 Strict-Vorgaben des W3C. Geprüfte konsistente Darstellung auf folgenden Betriebssystemen/Browsern:

• Windows (XP): MSIE6.0 und 7.0, Netscape 7.1, Opera 9.25, Firefox 2.0
• MAC (OS X): Safari 1.3.2 und MAC Firefox 2.0
• Linux (Ubuntu 7.06): Firefox 2.0

Installation

Zip-Datei downloaden und mit dem Joomla!-Mambot-Installer installieren. Die Deinstallation mit dem Mambot-Installer entfernt alle Dateien, Verzeichnisse und DB-Einträge.

Angezeigt werden 1 von 1 Kommentar(en)