Joli bug sur IE

En informatique, il est très facile de créer des bugs. Pour ce qui est des sites internet, ils peuvent être de nature très différentes.

  • Erreur fatale qui affiche une page blanche…
  • Erreur javascript qui coupe la navigation de l’internaute (et qui donc s’en va…)
  • Erreur html ce qui donne des design déstructurés

Les origines sont multiples. Les solutions sont malheureusement pour nous aussi variées que le nombre de systèmes existants. Pour donner un exemple simple et compréhensible par tous, une solution qui fonctionnera sous Firefox ne fonctionnera pas forcément sous Internet Explorer (IE 6, 7 ou 8). Un consortium s’est donc créé au début de l’internet dans le but de créer des standards, sous la forme de recommandations et non de normes. Ces recommandations ne sont pas toujours respectées pour des raisons bien trop nombreuses à expliquer ici d’autant plus que ce n’est pas l’objet de ce post.

Je vais vous détailler un bug rencontré au boulot hier et ce matin.

Vous pouvez voir ci-dessous le visuel normal du site Dékio.

Page d'accueil de Dékio

Page d'accueil de Dékio

Voici le visuel de la page sur les navigateurs IE 6 et IE 7 de ce matin.

Page d'accueil de Dékio

Page d'accueil de Dékio

Comme vous pouvez le voir, toute la partie en dessous du head de la page n’apparaissait pas, ce qui est bien embêtant. La raison en était très simple. Une balise était correctement fermée selon les standards mais cette méthode n’est pas géré par IE. Le petit bout de code était :

<span class="fond" />

alors qu’il devait être pour ne pas avoir le bug

<span class="fond"></span>

L’expérience des développeurs plus anciens a permis de corriger le problème parce que ne le connaissant pas je ne sais pas si je l’aurai trouvé…

Joli non ?

Partager et découvrir : Ces icônes sont des liens vers des sites de partage de signet sociaux où les lecteurs peuvent partager et découvrir de nouveaux liens.
  • Wikio FR
  • Facebook
  • MySpace
  • TwitThis
  1. Ah ! Ca me dit quelque chose…

    Perso, je m’étais déjà trouvé devant exactement ce même problème en particulier. :-)

  2. Oué c’est bien galère à régler.

Leave a Comment


NOTE - You can use these HTML tags and attributes:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>