Discussion :

[Francisco22]

Bonjour,
j'ai besoin de votre expérience avec l'IE. Comment faites-vous pour créer les feuilles de style pour l'IE?
Vous créez plusieurs fichier CSS, ou simplement vous mettez les hack css dans le même fichier main.css?

Je cherche la manière la plus simple pour le style CSS.

Merci d'avance.

[s0h3ck]

Bonjour,

Si tu débutes, je te dirais de tester, en premier lieu, dans tous les navigateurs principaux comme Firefox, Chrome, Opera.
Ensuite, tu t’attarderas à IE et ses versions antérieurs si tu juges nécessaire de le faire.

Maintenant, il reste à prendre une décision entre les hacks css ou bien les commentaires conditionnels (ou voir ni l'un ni l'autre).
Les hacks css sont peut-être pratiques dans quelques cas, mais les développeurs vont avoir tendance à utiliser les commentaires conditionnels.

La raison est simple, les commentaires conditionnels vont séparer le code proprement. Ceci dit, il est plus facile à maintenir et le code devient plus « compréhensible ».
Les commentaires conditionnels existent depuis IE5 environ et ne sont pas limité qu'à IE. Voici un lien pour plus d'informations : About conditional comments (Internet Explorer)

Je tiens à rappeler que les commentaires conditionnels sont aussi une forme de hack CSS et certains développeurs utiliseront d'autres techniques pour éviter d'écrire un hack CSS. Je crois que le mieux est d'arrêter de supporter IE (surtout les veilles versions d'il y a 10 ans).

J'espère que ça t'aide à voir un peu plus clair l'enjeu et passe une belle journée,
s0h3ck.

[Francisco22]

Je croie bien que la meilleur façon de résoudre ce problème c'est l'utilisation de conditions.

Pour touts les versions d'IE

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 
<!--[if IE]>
 
	<link rel="stylesheet" type="text/css" href="apenas-ie.css" />
<![endif]-->

Pour tout les browsers à l'exception de IE

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
 
<!--[if !IE]><!-->
 
	<link href="exceto-ie.css" rel="stylesheet" type="text/css" />
 
<!--<![endif]-->

Merci s0h3ck .

[NoSmoking]

Bonjour,
il est parfois intéressant également d'utiliser une structure de document simple permettant de limiter les effets de bords, ceci dit il ne faut pas perdre de vue que Conditional comments are no longer supported in IE10 et que l'amélioration progressive, pour les old IE, peut être très souvent plus qu'acceptable.