[Résolu] Comportement de float

Salut tout le monde,

Je suis entrain de réaliser une sorte de galerie d'image pour un site de hockey. La structure se présente comme suit (j'ai volontairement intégré le css au code pour plus de clarté) :

<?php foreach( $joueur as $n => $row ): ?>
		<div style="float: left; margin: 20px 13px 0 0;">
		<img src="img/teams/<?=$row['image']?>" border="0" alt="<?=$row['legende']?>">
		<p style="text-align: center;"><?=$row['nom']?><br><?=$row['poste']?></p>
		</div>
	<?PHP endforeach; ?>

Comme vous pouvez le voir il s'agit d'une boucle php qui liste mes différents éléments. Dans la division il y a une image du joueur et au-dessous de celle-ci la légende dans une balise <p>. Et cette division est en float left.

Activer le cookie du site d'abord
Page en question

Comme vous pouvez le voir le rendu avec le float est aléatoire, le retour à la ligne se fait mal la deuxième rangée ne se place plus tout à gauche mais au milieu et pour les autres c'est encore autre chose.

J'ai appliqué deux trois méthodes mais aucune n'est concluante alors si quelqu'un avait une idée (peut-être avec une liste de définition) ca serait sympa de m'éclairer, parce que là j'avance pas avec ce prob

Merci pour l'aide
Modifié par Daweed (27 Jul 2005 - 16:17)

Bonjour,
Je viens de supprimer les deux autres post identiques Tu peux lever le doigt du bouton de ta souris

Merci c'est gentil, le bouton droit était resté enfoncé je sais pas pourquoi !

Salut,

A priori tout avait l'air correct, mais en fouillant un peu je pense que j'ai mis le doigt sur le problème : ni tes div, ni tes photos n'ont de dimension précisée, ce qui doit probablement gêner le navigateur lors des retours à la ligne.

=> En mettant leur taille au photos (100x150), tout est ok (IE et FF), par contre en mettant une taille au div seulement FF s'en sort.

Oui. Un flottant dont le contenu n'a pas de largeur déterminé doit avoir une largeur fixée par la propriété width :
- je fais flotter juste une image, et rien d'autre -> pas besoin de width
- je fais flotter du texte -> il faut un width
- je fais flotter un contenu mixte avec texte et image -> il faut un width

salut, merci de vos précisions. C'est vrai que je n'ai pas spécifié de dimensions à mes flottants . Je teste chez moi et je confirme ça !

Merci beaucoup

edit: eh bien ca fonctionne du tonnerre ! Bravo
Modifié par Daweed (28 Jul 2005 - 10:07)