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*/
}
© Abel Poucet Webdesign - Motorisé par