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.
Catégories : Erreur de débutant, Technique
Commentaires récents