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

Avis sur e-monsite

Avis sur e-monsite

E-monsite est un logiciel de création de site en ligne hébergé et gratuit, permettant à tout un chacun de créer un site sans connaissance technique. Pour créer un site sur e-monsite, vous n'avez pas à vous soucier de l'hébergement. E-monsite est facile à prendre en main et ne nécessite aucune instal … Continuer

Publié le 19 mai, 2014

1 Commentaires



Les avis des clients

Avis des utilisateurs


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


facilité d'emploi , des explications assez explicite , un panel clair pour une performance optimal aux besoins , une sécurité irréprochable ,et un service technique rapide , des rubriques d'aide

Patrick Pottelet à propos LWS

Montrer une autre revue
Lire les avis LWS



Plans d'hébergement




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


Meilleur hébergeurs web

# hébergeur web prix action

1

Ikoula

1.95 EURO

Ajouter un Avis
Visiter

2

Siteground

6.95 USD

Ajouter un Avis
Visiter

3

Ex2hosting

3.99 EURO

Ajouter un Avis
Visiter

4

Inmotion

5.95 USD

Ajouter un Avis
Visiter

5

Webhostinghub

4.95 USD

Ajouter un Avis
Visiter

6

Bluehost

6.95 USD

Ajouter un Avis
Visiter






Hébergeurs par avis de clients

Ex2hosting
78 avis des clients
Nuxit France
70 avis des clients
Hostpapa France
67 avis des clients
1and1 France
62 avis des clients
Rapidenet
50 avis des clients
Ajouter un avis Tous les profils


Hébergeurs par fidélité de clients

Ex2hosting
73 / 78 recommandé
Nuxit France
68 / 70 recommandé
Rapidenet
49 / 50 recommandé
Infomaniak France
48 / 48 recommandé
Hostpapa France
39 / 67 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