Journal du Net > Développeurs > Contributions > Comment contournez-vous les bugs CSS sous Internet Explorer ?

Comment contournez-vous les bugs CSS sous Internet Explorer ?(7 contributions)

Comment contournez-vous les bugs CSS sous Internet Explorer ?

Vous utilisez les feuilles de style pour développer vos applications Web. Les problèmes de compatibilité avec IE n'ont plus de secret pour vous. Vous avez certainement une astuce à partager !

Participez

Fichier unique et sélecteur spécifique

Jean-Christophe Charvy , Auvergne le 27 mai 2008

Quel est en quelques lignes l'objectif de votre astuce ?

Utiliser un unique fichier CSS et des sélecteurs spécifiques pour les styles appliqués par Firefox.

Décrivez votre astuce en détails. N'hésitez-pas à inclure des portions de codes.

Les sélecteurs spécifiques seront ignorés par Internet Explorer. Il suffit donc, pour une balise donnée, de déclarer le style applicable par Internet Explorer en premier, puis le style pour Firefox précédé du sélecteur spécifique.

par exemple:
a: hover {
// ce style sera appliqué par IE
}

*>a: hover {
// ce style sera appliqué ignoré par IE et appliqué par Firefox en remplacement du précédent
}.

Signaler un abus

Vos réactions

Réagir à cette contribution

Marc
Je développe sous firefox en premier et j'adapte pour ie (surtout ie6 car ie7 sort très souvent comme firefox).
En utilisant la technique du hack dans les feuilles de style. On alourdi la feuille de style qui couvrira l'ensemble des navigateurs pour rien. Je préfère donc utiliser des commentaires conditionnels pour appeler une feuille de style spécifique à ie6 qui viendra complémenter voir corriger ce qui a été dit dans la feuille de style générale
Signaler un abus