Im folgenden Beispiel bekommen diverse Internet Explorer-Versionen jeweils ein Stylesheet mit Patches, die nur für sie bestimmt sind.

Patches für IE6 und älter

Im Laufe des Buches haben Sie dem Internet Explorer manchmal mit einem Sternchen-Hack mitten im CSS auf die Sprünge geholfen.

Übersichtlicher und pflegeleichter wäre es, alle Sternchen-Hacks in einem Stylesheet namens ie6_patches.css zu sammeln und diese per Conditional Comment nur an diese Browser auszuliefern:

<!--[if lte IE 6]>
<link href="ie6_patches.css" rel="stylesheet" type="text/css" />
<![endif]-->

Denken Sie daran, dass der Conditional Comment nach den anderen externen Stylesheets kommen muss, weil die Patches sonst im Rahmen der Kaskade gleich wieder überschrieben werden.

Patches für den IE7

Bei der Erstellung der horizontalen Navigation habe ich einen Bug im Pagezoom des Internet Explorer erwähnt (im Buch auf Seite 187). Der folgende Patch behebt diesen Zoomfehler, auch wenn es dabei zu leichten Unregelmäßigkeiten bei der Verteilung der Buchstaben in der Navigation kommt:

/* Patch für den PageZoom bei horizontaler Navigation */
#navibereich ul { word-spacing: 0; }

Diese Anweisungen speichern Sie in einem Stylesheet mit dem Namen ie7_patches.css, das Sie mit einem Conditional Comment nur an den IE7 ausliefern.

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