Weblication Tipps

Moderne Websites werden in einem Browser entwickelt der den heutigen Standards entspricht. Das ist momentan entweder Opera oder der Mozilla Firefox.

Firefox unterstützt ab der Version 3 auch den Acid 2 Test ohne zu murren. In Verbindung mit der Webdeveloper Toolbar und Firebug ist er demnach die ideale Plattform um standardkonforme Websites zu programmieren.

Trotzdem wünscht man sich natürlich eine Website welche in allen Browsern gleich aussieht. CSS Hacks helfen hier, sind jedoch nicht zukunftsweisend, da spätere Versionen des Browsers damit Probleme haben könnten.

Conditional Comments ist demnach das Wort der Stunde um zumindest den sehr weit verbreiteten Browser Internet Explorer zu bedienen. Unter Weblication Grid hat man die Möglichkeit den Browser im Template abzufragen. Das ist mittels der Tags möglich:

Nun weiß ich als Entwickler jedoch nicht, was Grid in dieser User-Agent Abfrage anstellt. Ändert sich in Zukunft evtl. die Rückgabe des Browsers muss ich womöglich zunächst auf ein Update von Weblication warten um gewährleisten zu können einen korrekten Fix zu haben.

Solider ist daher den Conditional Comment direkt ins Template zu schreiben. Das kann dann so aussehen:

<![CDATA[[if lte IE 6]>
	<link href="/projekt/wGlobal/layout/styles/ie6-fix.css" mce_href="/projekt/wGlobal/layout/styles/ie6-fix.css" rel="stylesheet" type="text/css" media="screen" />
<![endif]]]></xsl:comment>
 
<xsl:comment><![CDATA[[if IE 7]>
	<link href="/projekt/wGlobal/layout/styles/ie7-fix.css" mce_href="/projekt/wGlobal/layout/styles/ie7-fix.css" rel="stylesheet" type="text/css" media="screen" />
<![endif]]]>