_Internet Explorer 6 et la propriété !important

S’il y a bien un navigateur insupportable au niveau de la programmation, c’est Internet Explorer, et je doute que ce soit moi qui vous l’apprenne. Heureusement pour nous, depuis le temps que le navigateur de Microsoft nous pose des problèmes, on a trouvé quelques petites astuces pour corriger une grande majorité de ces bugs.

Dans ce cas là, nous ne pouvons pas réellement parler de faille puisque la propriété !important est valide. Heureusement, Internet Explorer (version 6 uniquement) ne sait l’exploiter et c’est tout bénef pour nous.


Placé après la valeur d’une propriété, il permet de faire passer celle-ci prioritairement. Exemple: div #content {
padding: 20px !important;
padding: 10px;
}

Internet Explorer prend en compte la dernière valeur passée, dans notre cas 10px et ignore la propriété !important.

Les navigateurs conformes prennent en compte la propriété !important et font passer la valeur concernée en priorité, dans notre cas, 20px.

Voilà qui devrais vous aider à réparer de nombreuses erreurs d’affichage sous IE6 tout en vous évitant de créer un CSS à part entière.