Discussion :

[Death83]

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:



Et des que je rafraichi la page l'affichage redeviens normal:



Voici le bout de code concerné:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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?

[frochard]

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.

[francis m]

je ne connais pas la raison de ce défaut

mais je ne suis pas d'accord avec frochard. si il faut commencer à donner des dimensions à un div, on n'est pas sorti de l'auberge. si vraiment c'était le cas, je serais un des plus grands partisans de bannir firefox de la planète...

[Death83]

j'ai remédier a se probleme en mettant une <hr classe=separe> a la place du <div class=separe>