CSS - CSS alleen voor Internet Explorer


Met behulp van HTML code is het mogelijk om een aparte stylesheet alleen toe te passen op Internet Explorer. Deze code geld in dat geval voor Internet Explorer 6, 7 en 8. De code die je hiervoor gebruikt wordt dan niet door andere browsers toegepast zoals Firefox of Google Chrome. Hiervoor komt er een "if" code om de code van de stylesheet te staan. De Internet Explorer code ziet er als volgt uit.

<!--[if IE]>
<![endif] -->


Bij bijvoorbeeld een interne Stylesheet pas je dat dan toe als volgt,

<!--[if IE]>
<style type="text/css">
.classnaam {
padding: 0px;
padding-left: 10px;
}
</style>
<![endif] -->


Op dezelfde manier kun je ook een aparte externe stylesheet aanroepen die alleen wordt toegepast op Internet Explorer. Deze HTML code kun je overigens ook voor andere doeleinden gebruiken. Zo kun je ook een stuk tekst alleen laten tonen in IE of andere onderdelen die dan niet in Firefox getoond worden. Door achter de if vermelding een versienummer toe te voegen kun je specifiek een browser eventueel bepalen anders geld het voor alle versies van Internet Explorer. Dit wordt dan bijvoorbeeld: <!--[if IE 7]>.

Als laatste kun je het ook nog zo instellen dat je een aparte stylesheet gebruikt voor Internet Explorer 6, 1 apart voor Internet Explorer 7 en 1 apart voor Internet Explorer 8. De code wordt dus dan in zijn geheel als volgt. In dit voorbeeld wordt er een externe stylesheet aangeroepen.

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

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

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

Delen: