Probleme avec un float sous FF
Salut a tous,
j'ai un petit probleme avec un float. En fait lorsque je charge cette parge pour la premiere fois avec FF (apres avoir vidé mon cache par exemple) j'obtiens un truc comme ca:
http://manganime.0.free.fr/fichiermanganime.0/1.jpg
Et des que je rafraichi la page l'affichage redeviens normal:
http://manganime.0.free.fr/fichiermanganime.0/2.jpg
Voici le bout de code concerné:
Code:
1 2 3 4 5 6 7 8 9
| <div class="imageserimanga">
<?
for($i=0;$i<$nbtomes;$i++)
{
echo '<div style="float:left; margin-right:8px;"><a href="manga.php?idmanga='.$idtomec[$i].'"><img src="'.$cover[$i].'" width="94" border=0><br>'.$Tomec[$i].'</a></div>';
}
?>
<div class="separe"></div>
</div> |
avec le CSS associé:
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23
| .imageserimanga
{
font-size:12px;
text-align:center;
margin-left:15px;
}
.imageserimanga img
{
margin-top:20px;
}
div.separe {
clear: both;
margin:0;
padding:0;
} |
Avez vous une idée d'ou peut provenir ce probleme et si oui savez vous comment y remédier?
Une piste, sans garantie ...
Je pense que le problème vient du fait que Firefox traite la page sans connaitre la taille des objets, et l'affiche donc comme il peut. Ensuite, en rechargeant, il connait ces tailles, et ne comment donc plus l'erreur.
Je pense donc qu'il faudrait donner une taille précise aux différents DIV et aux images - (la norme HTML4.01 Strict l'impose d'ailleurs pour les images)
style="width:???px;height:???px;"
Note : La syntaxe WIDTH="???" n'étant pas normalisée, et il est préférable de ne pas l'utiliser au profit de la syntaxe normalisée ci-dessus.