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

Date de publication
11/fév.
2009
Tags
CSS, Microsoft, oups, standards

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 :

PNG - 39.8 ko
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 :

PNG - 1.1 Mo
Gastero Prod dans IE7
PNG - 1004.9 ko
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

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

Commentaires

Commenter ce billet

Partager

Pour faire un lien vers cet article, vous pouvez utiliser soit son URL canonique soit son URL courte :

http://gasteroprod.com/a760

Billets avec les mêmes tags

Derniers billets

  • Faut-il continuer à supporter Internet Explorer 6 ?

    Article initialement publié dans le blog de Clever Age.

    On ne va pas ergoter sans fin, tout le monde doit maintenant savoir que Internet Explorer 6 — IE6 pour les intimes — est un navigateur obsolète et dangereux. Et pourtant, certains continuent à l’utiliser. Faut-il les en dissuader, refuser de leur fournir son support, aller même jusqu’à leur empêcher l’accès, ou faut-il continuer à supporter (les faiblesses de) ce navigateur ?

    Date de publication
    22/juillet
    2010
    Tags
    Clever Age, Internet Explorer, standards

  • Les inscriptions à Paris Web 2010 sont ouvertes !

    Paris Web 2010, c’est la cinquième édition de ce rendez-vous français annuel, devenu incontournable, pour se tenir informé des bonnes pratiques de développement Web. Go go go !

    Date de publication
    2/juillet
    2010
    Tags
    Paris Web, qualité, standards

  • Faciliter la reprise de tweets (les retweets) à l’ancienne sur Twitter

    Même si Twitter a mis en place depuis maintenant un certain temps un mécanisme natif de retweets1, je préfère souvent continuer à utiliser les « RT » traditionnels, qui laissent la possibilité de commenter le tweet initial, ce que ne permet pas le retweet officiel. Une règle qui me paraît essentielle pour faciliter le retweet à l’ancienne, c’est de prévoir une taille de tweet suffisamment faible pour que le retweeteur voit son travail facilité, surtout si le tweet initial ne contient que très peu de mots inutiles.

    Date de publication
    14/juin
    2010
    Tags
    Twitter

Derniers commentaires