Feuille Css pour IE seulement


, Mis à jour le 8 avril, 2015

Feuille Css pour IE seulement

Si vous lisez cet article, il ya de forte chance que vous avez eu de mauvaises expériences avec IE en tant que codeur CSS. L'outil de choix pour lutter contre les problèmes d'IE est la feuille de style conditionnelle. IE fournit des balises de commentaires, soutenu par toutes versions  jusqu’à la plus récente IE 9.  Vous serez en mesure de cibler des versions spécifiques, ou encore filtrer plusieurs versions à la fois :  exemples versions 6 et plus bas. Il est fortement recommandé d’éviter l’utilisation des Hacks dans votre code. Les Hacks sont dangereux, car ils sont basés sur des failles non-standard, vous ne pouvez pas ainsi prévoir comment ils vont se comporter dans les futurs navigateurs.

Pourquoi utiliser des feuilles de style conditionnelles?

  • Vous avez des problèmes d’affichages qui doivent être corriger
  • Gardez votre code dépourvu de failles et valide
  • Maintient votre feuille de style principale Nikel
  • Technique parfaitement acceptable, approuvé par Microsoft

Et rappelez-vous, ces balises conditionnelles ne sont pas utilisés seulement pour les CSS. Vous pouvez charger du JavaScript, ou même les utiliser dans le contenu de votre site pour afficher des messages spécifiques pour IE.

Le Code

Le code ira dans votre balise <head> avec tous les autres fichiers réguliers CSS <link>. Les balises d'ouverture et de fermeture sont des choses familières, il s’agit de commentaires HTML ol réguliers. Ce qui est entre les parenthèses, "IF" et "IE" sont assez évident : IF = Si et IE = Internet Explorer. La syntaxe à noter est "!" qui veut dire «non», alors "! IE" signifie "Pas de IE". gt signifie «plus grand que», gte signifie "supérieur ou égal", lt signifie "inférieur", lte signifie "inférieur ou égal".

Cibler TOUTES les versions de IE

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

Tout Cibler SAUF IE

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

Cibler IE7 SEULEMENT

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

Cibler IE6 SEULEMENT

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

Cibler IE5 SEULEMENT

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

<h4 >Cibler IE5.5 SEULEMENT

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

Cibler IE6 et plus BAS

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

Cibler IE7 et plus BAS

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

Cibler IE8 et plus BAS

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

Cibler IE6 et plus HAUT

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

Cibler IE7 et plus HAUT

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

Cibler IE8 et plus HAUT

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

Le fameux CSS IE 6 universel

Travailler avec la version IE 6 et les versions plus anciennes reste toujours un défi de taille. De nos jours, les versions anicennes d'internet explorer (6 et plus bas) perdent de plus en plus de support. Les grandes entreprises, des applications web, et même des gouvernements n'offrent plus de support pour ces version d'IE. La meilleure façon d’afficher correctement un site sur la version 6 d’IE,  c’est de prévoir une feuille de style spéciale puis servir IE 7. Voici le code HTML que vous pouvez inserrer dans vos pages.

<!--[if !IE 6]><!-->
<link rel="stylesheet" type="text/css" media="screen, projection" href="REGULAR-STYLESHEET.css" />
<!--<![endif]-->
<!--[if gte IE 7]>
<link rel="stylesheet" type="text/css" media="screen, projection" href="REGULAR-STYLESHEET.css" />
<![endif]-->
<!--[if lte IE 6]>
<link rel="stylesheet" type="text/css" media="screen, projection" href="http://universal-ie6-css.googlecode.com/files/ie6.0.3.css" />
<![endif]-->

Les HACKS

Si vous êtes obligez…!

IE-6 Seulement

* html #div { height: 300px; }

IE-7 Seulement

*+html #div { height: 300px; }

IE-8 Seulement

#div { height: 300px\0/; }

IE-7 & IE-8

#div { height: 300px\9; }

Autres que IE-7

#div { _height: 300px; }

Masquer de IE-6 et plus BAS

#div { height/**/: 300px; }
html > body #div {   height: 300px; }

 


comments powered by Disqus




Les avis des clients

Avis des utilisateurs


Faites entendre votre voix. Passez en revue votre fournisseur d'hébergement Web - bon ou mauvais.


Hébergement fiable et sécurisé. Ils m'ont aidé à transférer et restaurer l'ensemble de mon site et cela de manière très rapide. A recommander pour les personnes cherchant un hébergement de qualité et surtout totalement anonyme.

Martin à propos Koddos

Montrer une autre revue
Lire les avis Koddos



Plans d'hébergement




Les plans d'hébergement de 61 sociétés d'hébergement partout dans le monde


Meilleur hébergeurs web

# hébergeur web prix action

1

Infomaniak France

6.75 EURO

Ajouter un Avis
Visiter

2

Hostpapa France

2.95 EURO

Ajouter un Avis
Visiter

3

Greengeeks

4.95 USD

Ajouter un Avis
Visiter

4

Siteground

6.95 USD

Ajouter un Avis
Visiter

5

Planethoster France

5.99 EURO

Ajouter un Avis
Visiter

6

Ex2hosting

3.99 EURO

Ajouter un Avis
Visiter

7

Bluehost

6.95 USD

Ajouter un Avis
Visiter






Hébergeurs par avis de clients

Ex2hosting
181 avis des clients
1and1 France
74 avis des clients
Hostpapa France
68 avis des clients
Magic-Online
65 avis des clients
Infomaniak France
51 avis des clients
Ajouter un avis Tous les profils


Hébergeurs par fidélité de clients

Ex2hosting
176 / 181 recommandé
Infomaniak France
51 / 51 recommandé
Rapidenet
49 / 50 recommandé
Magic-Online
44 / 65 recommandé
Hostpapa France
39 / 68 recommandé
Évaluer hébergeur Tous les profils


Question de la Semaine


Le plus important critère de votre hébergeur



Contacter l'éditeur

Posez votre question