Salut !
Voilà j'affiche sur mon site 3 cadres photos par ligne.
Sous mozilla, l'affichage de ce cadre se fait sans encombre.
Par contre, sous chrome, l'affichage est irrégulier. 1/3 l'affichage est décalé et les images mal alignées et 2/3 l'affichage est normal.
Je cherche une solution à ce problème depuis déjà un moment, j'ai essayé de définir une taille par défaut au <ul>, de modifier le css, mais rien ne fait 
voici un screen pour illustrer mes propos :
Affichage non décalé :
Affichage décalé :
Voici le code de ces images :
Code :
- <ul class="items three_columns">
- <?php while ($cata = mysql_fetch_array($v2)){
- $idCat = $cata['id']; ?>
- <li data-id="id" data-cat="#b">
- <div class="preview"><?php echo ThumbsUp::item($idCat) ?><a href="<?php echo htmlspecialchars($cata['image']); ?>" class="frame" data-rel="prettyPhoto" title="<?php echo htmlspecialchars($cata['title']); ?>"><img src="<?php echo htmlspecialchars($cata['thumb']); ?>" alt=""/></a></div>
- <a class="title" href="book.php?mid=<?php echo $cata['author_id']; ?>"><?php echo htmlspecialchars($cata['title']); ?> </a>
- <?php $compteurI = mysql_query('SELECT COUNT(*) AS nb_coms FROM matable WHERE p_id="'.$idCat.'"');
- $resultatI= mysql_fetch_array($compteurI); ?>
- <p><a href="<?php echo $siteURLP; ?>/comment.php?p_id=<?php echo $idCat; ?>&?iframe=true&width=500&height=700" data-rel="prettyPhoto[iframes]" ><img src="images/comments_reply.png" style="float:left" /> Commenter </a><i>(<?php echo $resultatI['nb_coms']; ?> )</i> </p>
- </li>
- <?php } ?>
- </ul>
|
En espérant que vous pourrez m'aider ! ^^
Merci d'avance
