Die Optik dieser Website basiert auf XHTML/CSS. Im Folgenden ein paar Tricks und Kniffe die zur Anwendung kamen.
CSS Weiche
CSS Weiche Für Browser ab V. 5:
link rel="stylesheet" href="style.css" type="text/css" media="screen, projection"
Für die Druckausgabe:
link rel="stylesheet" href="style_print.css" type="text/css" media="print"
Für Browser vor V. 5:
link rel="stylesheet" href="style_basic.css" type="text/css" media="screen"
CSS - Internet Explorer Hacks
Für den Internet Explorer unter Windows kommen dank mangelhafter CSS Unterstützung folgende CSS-Hacks auf www.dicshe.de zum Einsatz:
Übermittelt abweichende Maßangaben für IE5 und IE6:
* html .div {width:542px; w\idth:522px; }
Folgender Hack ist die einzige Möglichkeit transparente PNGs per CSS in den IE ab V 5.5 zu laden und korrekt anzuzeigen. Da dies eine Microsoft eigene Lösung ist, empfiehlt es sich diese Zeilen per "* html" vor anderen Browsern zu verbergen.
* html .div {filter:progid:DXImageTransform.Microsoft.
AlphaImageLoader(src="shadow_left_right.png", sizingMethod = 'scale'); }
Der nächste Hack schließt den IE/Mac aus, bzw. spricht nur ihn an.
/* hide TEASER from IE mac \*/
.div {selector {property : value}}
/* end hiding from IE5 mac */
/* TEASER nur IE/Mac \*//*/
.div {selector {property : value}}
/**/
Durch diese Arbeitsweise ist es möglich nur ein einzelnes Stylesheet für alle Browser zu verwenden. Änderungen daran werden deutlich einfacher. Ein unerwünschter Nebeneffekt ist, dass das Stylesheet nicht mehr validiert wird.

