CSS Hack

Für alle die einige kleine Fehler die im Internet Explorer 6 o. 7 per CSS ausgleichen wollen brauchen das nicht unbedingt mit einer CSS-Weiche und einer 2ten CSS-Dateien tun.

Beispiel für Internet Explorer 6:

div#wrapper{
  width:600px;
  height:600px;
  border:1px solid #000;}

So wird in allen Browsern ein Div mit 600px Breite, 600px Höhe und einem durchgezogenen Rahmen angezeigt.

Wollen wir nun diesen Div explizit nur für den Internet Explorer 6 ändern, schreiben wir genau dadrunter.

*html div#wrapper{
  width:400px;
  height:700px;
  border:1px dotted #000;}

Nun wird die Div Box in einer Breite von 400px, eine Höhe von 700px und mit einem gepunktet Rahmen angezeigt. Aber nur im Internet Explorer 6.

Beispiel für Internet Explorer 7:

Hier gilt im Pinzip das selbe wie bei dem IE 6, ausser das hier ein + dazugefügt wird, undzwar so.

*+html div#wrapper{
  width:400px;
  height:700px;
  border:1px dotted #000;}

Für einzelne Div kann ich das nur empfehlen da man sich die Weiche und die 2te CSS-Datei spart, bei großen Projekten wo viele Unterschiede im Internet Explorer auftretten empfielt sich jedoch doch die Variante mit der Weiche allein wegen der Übersichtlichkeit.