Selv om jeg vil gi blanke i IE6, så må vi nok leve med å hacke CSS for IE en stund til.

Så for å gjøre dette begynner man først med å legge følgende kode i <head elementet ditt:

&lt;!--[if lte IE 7]&gt;&lt;link type=&quot;text/css&quot; href=&quot;style-ie.css&quot; media=&quot;screen&quot; rel=&quot;stylesheet&quot; /&gt;&lt;![endif]--&gt;

Denne koden forteller da en nettleser at stilarket style-ie.css bare skal lastes hvis den er IE7 eller lavere.

Neste skritt er da å lage style-ie.css: dette kan gjøres i en teksteditor som f.eks. notepad (notisblokk).

I denne skal man da bare legge inn de elementene som ser feil ut i en eller annen IE nettleser.

Nå er det slik at IE6 og IE7 oppfører seg litt forskjellige fra hverandre, så man må ty til forskjellige metoder for å fortelle hva som gjelder for hvilken versjon:

  • foo { } vil gjelde for alle IE varianter
  • * html foo { } vil kun leses av IE 6
  • html>body foo { } vil kun bli forstått av IE7