Bug IE6 pour liste d'elements àla Facebook, design fluid

Bonjour,

J'ai lu une grande quantité d'articles aujourd'hui sur les bugs de IE6 pour essayer de corriger un bug important sur ma page d'accueil:

Les textes à droite des logos (par exemple, dans la zone : "offres préférées des filleuls") sur ma page d'accueil empêchent le design fluide de fonctionner : lorsqu'on diminue le width de la page, le conteneur part en dessous.

ce bug est visible sur la v2 privée pour l'instant, à laquelle vous pouvez accéder à l'adresse http://www.lesparrains.fr/v2/homepage.php (une session vous gardera sur la v2)

voici le code spécifique à ces parties :

on a une structure de ce type:

<ul class="listOffers">
   <li>
      <a class="img" href=""><img src="logo.gif"/></a>
      <div>
         <h4><a>nom de l'offre</a> reste du titre</h4>
         <p>
             <span>sous titre</span>
              texte de stats
         </p>
      </div>   
   </li>
   <li>
       ...
   </li>
</ul>

avec le css :

.listOffers li{display:block;  height:60px; white-space:nowrap; overflow:hidden; zoom:1; padding:5px 5px 5px 25px; margin:0; border-bottom:#EEE solid 1px;}
.listOffers a.img{display:block; margin:0; float:left;}
.listOffers img{display:block; margin:0; width:60px; height:60px;}
.listOffers div{margin-left:70px; overflow:hidden; border:1px solid red; zoom:1;}
.listOffers p{overflow:hidden;}
.listOffers h4{font-size:1em; margin:0 0 3px 0; padding:7px 0 0 0; font-weight:normal;}
	.listOffers h4 a{color:#2d7bb5; font-weight:bold;}
.listOffers span {display:block; color:#ff9800; white-space:nowrap; overflow:hidden;}

Je pense que ce n'est pas un cas classique, et j'apprécierai vraiment votre aide!

merci d'avance
Modifié par winch103 (27 Oct 2009 - 15:37)

Bonjour,

Je ne constate aucun bug sous un IE6 natif. En dessous d'une certaine largeur de page, un assenceur horizontal apparait aucun bloc de passe à la ligne.