Attention, ceci est l'archivage statique d'un ancien site qui a maintenant disparu. En savoir plus.

Bienvenue sur , le recueil de réflexions et créations en tous genres de Nicolas Hoizey, passionné de Web depuis 1996, co-créateur et Directeur de l’Innovation de Clever Age, photographe amateur, créateur du jeu HTML5 / SVG « esviji », etc.

Laissons IE6 mourir sans style, et ses utilisateurs entrevoir la lumière

Publié le

par Nicolas Hoizey,

tagué CSS, fail, Microsoft et standards

et commenté 1 fois

Bon, allez, ça va un peu les enfantillages, mais il est temps de montrer aux utilisateurs de IE6 que non, ils n’utilisent pas un bon navigateur, mais que ce sont plutôt des hordes de développeurs Web qui s’arrachent les cheveux pour qu’ils en aient l’illusion. Alors voilà, j’ai décidé d’aider ses pauvres égarés à revenir dans le droit chemin...

Bon, il faut dire que malgré mes nombreuses tentatives pour faire fonctionner convenablement ce site dans IE6, au prix de quelques poignées de touffes de cheveux, ce n’était toujours pas ça, avec des éléments de contenu qui se baladaient n’importe où dans la page, voir même qui se déplaçaient lors de leur survol par le curseur de la souris, et ce sans aucun code Javascript !

Alors j’ai décidé de jeter le support de IE6 pour de bon, avec style... enfin, sans continuer à lui envoyer des styles justement, pour que ses utilisateurs profitent pleinement de la belle structure HTML un rien sémantique que j’ai conçue, sans être pénalisés par les énormes erreurs d’interprétation des CSS :

Gastero Prod dans IE6

Pour masquer mes feuilles de styles à IE6, j’ai logiquement utilisé les commentaires conditionnels spécifiques à Internet Explorer, et notamment l’astuce visant à rendre les styles visibles aussi par les autres navigateurs :

<!--[if gte IE 7]> <-->
  <link rel="stylesheet" href="modern-browers.css" type="text/css" />
<!--> <![endif]-->

Cela marche parfaitement pour IE6 qui ne voit donc aucun style, et pour les vrais navigateurs modernes — Mozilla Firefox, Apple Safari, Opera, pour n’en citer que trois — qui voient bien tout.

Malheureusement, IE7 et IE8 ne considèrent pas <--> comme une balise HTML inconnue à ignorer silencieusement, mais préfèrent l’afficher tel quel, c’eût été trop simple :

Gastero Prod dans IE7
Gastero Prod dans IE8 RC1

Et je passe sur le fait que le design soit quand même légèrement explosé dans IE7, je ne sais pas si je vais faire beaucoup d’efforts sachant que IE81 pointe le bout de son nez et devrait — même s’il semble que ce ne soit pas aussi bien qu’espéré — mieux se comporter.

Notes

1Vous noterez l’humilité de Microsoft qui laisse « beta » dans l’URL alors que c’est maintenant une RC1 qui est proposée...

Vos commentaires