Archives par mot-clé : internet explorer

Pub : IE Sucks… less (VO)

Pendant prés de 10 ans Microsoft était leader des navigateurs Internet. L’installation par défaut d’Internet Explorer sur tous les Windows n’y était sans doute pas étrangère. Malheureusement, le browser a toujours eu un train de retard lorsqu’il s’agissait d’appliquer les nouveaux standards webs et pire, il refusait parfois de les prendre en compte. Etant habitué à croiser l’Internaute docile (cf. Apple), j’ai été étonné de voir que la population du web a réussi à mettre en avant un navigateur alternatif, gratuit, ouvert (et lourdingue) : Firefox.

Evolution des navigateurs

Le monde de l’informatique bouge vite, et il suffit de manquer une opportunité pour passer à deux doigts de l’extinction (Nokia, Yahoo…), c’est donc aujourd’hui Chrome qui reprend la vedette à Firefox. Mais on ne parle plus du tout d’IE au comptoir des cafés nerds. C’est donc avec étonnement que j’ai découvert cette publicité qui fait la promotion du browser sous un angle particulier. MS sait que rendre IE crédible sera long, voici une première pierre posée intelligemment. La résurrection d’IE aura-t-elle lieu ?

Bug du z-index sous IE6

Source : Jerusalem Style

Prélude

Vous allez commencer par me dire : « mais qui utilise encore IE6 ? Même Microsoft milite pour son éradication ! » Et bien le fait est que quand les entreprises s’équipent en navigateurs, c’est pour le (très) long terme.

IE6 était bien pour une seule chose, il allait contre une règle de boxing du W3C qui fait hièch en ce moment. Elle faisait que lorsqu’on définissait 100% de largeur, borders et margins étaient compris dedans. A part ça, c’est un dinosaure dont on aimerait se débarrasser.

The bug

IE 6 possède un bug « rigolo » :

In Internet Explorer positioned elements generate a new stacking context, starting with a z-index value of 0. Therefore z-index doesn’t work correctly.

Pour ma part, j’ai eu à traiter ce problème sur les thèmes d’un portail Intranet. Les thèmes ont été ajaxisés et, s’ils conservent leur apparence, les imbrications provoquent le splendide bug de z-index : des menus déroulants passent derrière des objets sans z-index et positionnés en aval dans le flow du code. Comme je ne souhaitais pas repasser sur tous les thèmes tout de suite, j’ai fait un petit script qui fait ce ceci :

  1. Il ne traite que les navigateurs IE6, IE7 et IE8 en mode compatibilité (IE7, quoi). IE5 est tout de même considéré comme mort.
  2. Il récupère les positions absolues des éléments incriminés à coup de jQuery offset.
  3. Il décroche les éléments de leur position dans le DOM.
  4. Il les réinsère à un niveau élevé (genre le body) et les installe confortablement en position absolue.

Ainsi, les éléments sont situés en dehors du méga-bordel généré par le portail et il n’est pas nécessaire de trifouiller la génération des pages (ouf).

Evidemment, cette approche a ses limites car l’offset n’est pas toujours très très précis. Il existe d’autres workarounds pour des solutions moins extrêmes quand vous avez la maîtrise totale du code HTML. Je vous invite à y jeter un oeil car la mienne est un dernier recours.

Voilà, j’espère que cette alternative pourra tirer quelques âmes perdues d’un petrin immédiat. Mais ce n’est pas une solution à long terme (donc en fait si).

Internet Explorer 9

Internet Explorer 9 s’annonce un bon cru. Les équipes de Microsoft s’y affairent en gardant cette fois à l’esprit la compatibilité avec les standards W3C. IE pourrait bien passer l’ACID 3 test avec « déjà » 55 points, là où IE8 n’atteint que péniblement les 20. Rappelons que Chrome, Safari, Opera et quelques autres atteignent déjà les 100 avec en plus des vrais morceaux de HTML 5 dedans.

Vous pouvez dors et déjà tester le moteur de rendu en téléchargeant la preview ici : http://ie.microsoft.com/testdrive/. N’hésitez pas à comparer les résultats avec votre navigateur courant, vous pourriez être surpris.

S’il ne fait aucun doute que tout le site de démo est parfaitement optimisé pour IE, l’accélération matérielle des animations 2D via Direct2D est bluffante de fluidité. On s’étonne même que ce ne soit pas pris en compte sur les navigateurs alternatifs.

Serait-ce le retour inattendu de la brebis galeuse ?

Pour approfondir, vous pouvez visiter ce blog MSDN présentant les balbutiements d’IE lors de la Professional Developers Conference de 2009 ou voir la vidéo de la même conférence ici et .