IE6 ou l’éternel combat
17 03 2010
L’autre jour, après quelques modifications sur mon site, je fais un petit test avec Internet Explorer 6, pour m’assurer que tout va bien. “Et là, c’est le drame…” Une fois de plus, la mise en page en a pris un sérieux coup : margin non respectées, positionnements aléatoires, … La page n’est même plus centrée alors que j’avais réglé ces problèmes il y a quelques temps déjà.
Je cherche donc des infos sur le centrage de éléments sous IE6 et tombe sur un article chez Alsacreations : Centrer les éléments ou un site web en CSS. Je n’y apprends pas grand chose de plus que ce que je n’ai déjà fait, jusqu’à un encadré à la fin de l’article :
N’oubliez pas le Doctype !
Attention à ne pas oublier le doctype du document (lire “DTD : comment choisir”), sinon votre page sera en mode Quirks.
Dans ce mode, Internet Explorer se comporte comme les versions antérieures à IE6, c’est à dire qu’il n’interprète pas les dimensions et les marges comme il le faudrait. Dans ce cas précis, il n’appliquerait pas le centrage à l’aide des marges automatiques.
Le mode Quirks?!
En effet, pour m’aider à débugguer un minimum, j’ai installé la DebugBar (une sorte de FireBug pour IE), et j’ai aperçu cette mention : “mode Quirks”. Mon site s’affiche donc sous IE6 comme sous IE5! Comme si ça n’était pas assez minable avec IE6!
Et tout ça serait dû à un problème de Doctype? Ma déclaration est pourtant correcte :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
Sauf qu’avant cette déclaration, j’avais ajouté la déclaration XML suivante :
<?xml version="1.0" encoding="UTF-8"?>
Et cela suffisait à faire sauter le DOCTYPE. J’ai supprimé cette ligne peu utile et tout est rentré dans l’ordre dans le monde vicieux d’IE6.
J’ai eu exactement le même problème avec un de mes sites! Et cela venait du qui faisait passer IE en mode quirk.
IE6 est une plaie!
IE 6 représente combien de tes visites ?
Personnellement je ne regarde plus si cela fonctionne avec IE 6, sinon je perds une demi journée. Sur les blogs IE 6 représente 5 6 % de mes visiteurs, d’ici un an surement moins de 3% donc… je laisse tombé
Sur ce blog, j’ai 38% d’IE et sur tout ces IE, seulement 16% d’IE6 (soit 6% du total, comme toi). Mais je pense que les visiteurs de ce site sont plus “avertis” que la moyenne.
Mon projet s’adressant à un public plus généraliste et pas forcément technophile, la proportion d’IE6 y est plus grande et je ne peux pas me permettre de leur fournir un service dégradé. Et dès fois, comme ici, il suffit de pas grand chose pour tout remettre en ordre.