Blog

CSS : Le Peekaboo Bug de I.E.6

Lui régler son compte dans la plupart des cas.

Tags :

Le Peekaboo Bug c’est quand, dans Internet Explorer 6, vous avez un texte ou un bloc qui ne s’affiche pas au chargement, puis réapparaît quand on scroll sur la page ou quand on en sélectionne le texte.

Trouvé sur SixThings, ce petit bout de code m’a sauvé la mise bien des fois. Il s’agit de deux règles CSS à appliquer sur l’élément affecté, une pour IE6 et une autre pour IE7 :

position: relative; /* peekaboo bug fix for IE6 */
min-width: 0; /* peekaboo bug fix for IE7 */

Avec les hacks correspondant aux deux navigateurs, pour restreindre leur action sur les navigateurs incriminés :

*html #bloc {
position: relative; /* peekaboo bug fix for IE6 */
}

*+html #bloc {
min-width: 0; /* peekaboo bug fix for IE7 */
}

Suivant les cas un display : inline-block dans le bloc contenant le bloc incriminé peur être utile :

*html .bloc_contenant {
display: inline-block; /*hack IE6 peek a boo bug*/
}

Voir en ligne : http://www.brownbatterystudios.com/...

Vos commentaires

  • Le 3 mars 2008 à 12:50, par PieR. En réponse à : Merci

    Tout simplement merci, j’ai lu des tonne de site anglais pour corriger ce bug, plein de solutions plus tordues les unes que les autres, je viens tester le position : relative ; et tout est revenu dans l’ordre

    MERCI !

  • Le 2 juin 2008 à 16:18, par Clement En réponse à : CSS : Le Peekaboo Bug de I.E.6

    De même que PieR : Merci infiniment !
    Bug (très chiant) résolu !

  • Le 28 juin 2008 à 17:24, par gégé En réponse à : CSS : Le Peekaboo Bug de I.E.6

    Voilà mon beug prise de tête résolu, un grand merci.

  • Le 4 novembre 2008 à 16:51, par Asterodeia En réponse à : CSS : Le Peekaboo Bug de I.E.6

    Merci mille fois... j’ai cherché un bon moment ^^

  • Le 12 mars 2009 à 19:32, par Abel Poucet En réponse à : CSS : Le Peekaboo Bug de I.E.6

    Merci merci !

    Oui moi aussi j’ai cherché un bon bout de temps avant de trouver cette solution simple qui marche quasiement à tous les coups, c’est pour ça que je l’ai postée ici...

  • Le 16 avril 2009 à 15:14, par Thomas En réponse à : CSS : Le Peekaboo Bug de I.E.6

    Le problème du position : relative étant ensuite que tout élément a l’intérieur du conteneur en position relative va changer le mode de position absolu des enfants contenus. Ca peut imposer quelques changements au niveau de la structure DOM.

  • Le 23 avril 2009 à 17:37, par Abel Poucet En réponse à : CSS : Le Peekaboo Bug de I.E.6

    C’est sûr, Thomas, c’est sûr. Si jamais tu trouves mieux ce serais super de partager ta découverte ! :-) En attendant c’est le meilleur truc que j’ai trouvé...

Répondre à cet article


Un message, un commentaire ?
  • (Pour créer des paragraphes, laissez simplement des lignes vides.)

Qui êtes-vous ? (optionnel)

Suivre les commentaires : RSS 2.0 | Atom

© 2012 - Abel Poucet web design