Bonsoir tout le monde,

Je voudrais éviter cela:



Nous pouvons voir que les bloc, qui seront des cases où il y aura des photos, ne sont pas complétement "englober" dans le corp du site.

J'ai essayé plusieurs choses mais je ne vois pas comment éviter cela.


et le code html simplifié:



j'inclus les images et leurs titres dans un bloc que je met en float left. C'est ce que je veux faire. On peu faire l'analogie entre les blocs de photos et un texte. Lorsque du réduit la largeur d'un texte, les mots vont à la ligne. La c'est pareil avec les photos. Ceci marche correctement, c'est juste le fond qui ne suit pas.

Si quelqu'un a une idée...

Merci d'avance.

PS: mon topic viens d'être supprimé pour une raison inconnue

Lut

Ajoute un <hr /> à la fin de ton conteneur avec clear: both;

Ensuite, tu pourra le rendre invisible (mais encore là) avec visibility: hidden; (change les marges avec, on le remarquera pas)


Edit:
Ton topic a été fermé pour titre non explicites (ça tu as changé)

cette astuce ne marche pas.

[EDIT] en fait si, ca marche.

Pourtant, je n'ai jamais eu de problème avec oO

Tu as bien mis le clear: both??

Je ne peu pas mettre de clear : both car le corp se trouve entre 2 menus, dons si je met clear both, le corp se trouvera en dessou des deux menus (J'y avais pensé mais sans résultat convaincant).

Donne lui une taille précise....

Citation : Hawks

Donne lui une taille précise....

Il faut que je done une taille précise à quoi?

Je pense que tu veux parler du corp puisque j'ai déjà donner une taille au bloc de photo.

Si c'est bien cela. Il ne faut pas le faire. Le contenu du corp est créer dynamiquement. Je ne peu donc pas savoir quelle taille donner à l'avance.

info : Mon site à une largeur dynamique. Il prend toute la largeur de l'écran. C'est pour cela que je cherche un moyen d'afficher le plus de photo en largeur et que la suite des photos retourne à la ligne lorsqu'il n'y a plus de place. (comme les mots d'un champ de texte)

UP:

J'ai créé un div avec comme seul caracteristique clear : both et je l'ai placé en dessou des photos. Cette solution avait été proposé par Hawks et je l'avais mal appliquée.

Cela règle le problème mais c'est un peu du bricolage. Y a t-il une autre solution?