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*/
}
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
Suivre les commentaires :
| 