Blackotine

IE6, la bête noire des intégrateurs

Au moment où j’écris ces lignes, Microsoft Internet Explorer 6.0 est utilisé par 22.05 % des utilisateurs (source : libstat.com – juin 2008). Ce pourcentage est en constance baisse mais reste malheureusement bien trop élevé pour qu’on ne puisse tenir de ce navigateur.

Le problème est de taille, le nombre d’incompatibilité et de fonctions non supportées rendent le travail de l’intégrateur long et fastidieux. Il faut sans cesse tout au long de la découpe prévoir et vérifier le bon rendu de la mise en page.

Voici donc quelques astuces et outil qui permettent de faciliter le travail de l’intégrateur, en attendant (très longtemps) que les versions obsolètes disparaissent :

IE7.js

Ce script de Dean Edwards permet de corriger de nombreuses limitations CSS / HTML avec, entre autres, le support de la transparence des PNG (sans position ni répétition) et des sélecteurs CSS.
Il suffit de charger le script en utilisant les commentaires conditionnels et de choisir une des 2 versions proposées selon ses besoins.

Reset CSS

Pour en finir avec les styles par défaut de chacuns des navigateur, rien de mieux que de tout remettre à zero.
Oui, mais pas n’importe comment. La solution la plus simple, l’utilisation du sélecteur universel *, reste largement discutable puisque qu’elle réinitialise tous les éléments sans distinction et qu’elle reste très gourmande en ressource car bouclant sur tous les éléments.
La meilleur solution est l’utilisation d’un fichier CSS spécifique.
J’utilise par ma part celui d’Eric Meyer.
Attention cependant, si vous débutez en CSS, je vous déconseille la réinitialisation des styles car bien que facilitant le travail, cette méthode masque le comportement naturel des éléments et les propriétés par défaut, ce qui par la suite peut s’avérer perturbant.

Vérifier le rendu

Interface de IETester

Si vous avez installé Internet Explorer 7, ou si vous utilisez Vista et que vous navez donc pas eu le choix, vous aurez de petits soucis si vous désirez installer Internet Explorer 6.
La solution que j’utilise et que je conseille est l’utilisation du logiciel IETester
Ce programme gratuit permet de prévisualiser le rendu graphique de différentes versions d’Internet Explorer, dans différentes versions (5.5, 6, 7 et 8 beta) et cela sans avoir besoin de les installer.
Il est possible d’ouvrir une même page avec différentes versions d’IE dans différentes onglets, ce qui permet de facilement comparer et d’effectuer les corrections nécessaires.
Le programme est encore jeune et certains bugs existent mais la plupart devraient rapidement être corrigés dans les versions futures.

Selon moi, la règle d’or pour ne pas s’arracher les cheveux, c’est de garder à l’esprit que l’affichage ne peut-être exactement identique d’un navigateur à l’autre. Il faut juste à veiller à minimiser ces différences et s’assurer que l’accès à toutes les fonctionnalités et à toutes les pages soit conservé. Dans un contexte professionnel le temps passé à la résolution de bugs minimes peut s’avérer être une perte de temps et donc d’argent, surtout si leur résolution n’est visible que par l’intégrateur.

• Publié le 20 juillet 2008 dans : CSS
• 2 commentaires »