guiderdoni.net

Bloc notes : spip, css, xhtml, web, standards, mac ...

Accueil > web > Utiliser différentes feuilles de styles pour Internet Explorer

Articles de cette rubrique

Articles

publie le jeudi 16 février 2012 par Alexandra

Utiliser différentes feuilles de styles pour Internet Explorer

Une feuille de style pour chaque IE par feuilles de styles alternatives

- Une feuille de style pour IE 6

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

- Une feuille de style pour IE 7

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

- Une feuille de style pour I8 8

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

- Une feuille de style pour I8 9

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

- Une feuille de style pour tous les IE

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

Avec une class pour jouer sur les selecteurs

<!--[if IE 6]>
    <html class="ie6">
<![endif]-->

<!--[if IE 7]>
    <html class="ie7">
<![endif]-->

<!--[if IE 8]>
    <html class="ie8">
<![endif]-->

<!--[if gte IE 8]>
       <html class="ie9">
<![endif]-->

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

html.ie6 div { padding:10px; }

html.ie7 div { padding:15px; }

html.ie8 div { padding:20px; }

Avec Javascript

<script type="text/javascript">
if (/MSIE (\d+\.\d+);/.test(navigator.userAgent)) { //test for MSIE x.x;
var ieversion=new Number(RegExp.$1) // capture x.x portion and store as a number
if (ieversion>=8)
    //For IE8
    document.getElementsByTagName('html')[0].className+='ie8';
else if (ieversion>=7)
    //For IE7
    document.getElementsByTagName('html')[0].className+='ie7';
else if (ieversion>=6)
    //For IE6
    document.getElementsByTagName('html')[0].className+='ie6';
}
</script>

Avec Jquery

<script type="text/javascript">
if ($.browser.msie) {
   if(parseInt($.browser.version) == 8){
        //For IE8
        $("html").addClass("ie8");
   } else if(parseInt($.browser.version) == 7){
        //For IE7
        $("html").addClass("ie7");
   } else if(parseInt($.browser.version) == 6){
        //For IE6
        $("html").addClass("ie8");
   }
}
</script>

Forum

Répondre à cet article

2005-2017 - Contenu en GPL http://www.guiderdoni.net - Site réalisé avec SPIP 
rechercher - plan du site - prive - alexandra.guiderdoni@gmail.com
CSS - XHTML - squelette