Problème CSS et float:left.

Bonjour,
J'essaie de faire un catalogue. Mise en page très simple : dans une div dont la largeur est fixe mais pas la hauteur : titre ; à la ligne : image à gauche et description à droite. Je n'ai pas fixé de hauteur car j'aimerais que la div se resize en fonction du contenu.
Je mets l'image dans un <span> avec un float:left, pour que l'image soit placée à gauche et entourée du texte, et si l'image est plus grande en hauteur que la longueur du texte, elle dépasse de la div.
Alors j'ai retiré l'image du span, je l'ai mise simplement dans le contenu, et là ça fonctionne, sauf que la description arrive à la ligne. Donc je mets un float:left sur la balise img de cette div, et là, retour au même problème qu'avant : la div ne prend plus en compte l'image dans le contenu : l'image dépasse de la div, et comme cela fait pareil pour les autres, tout se met en quinconce c'est absolument affreux.

Ma question c'est ça : est-ce que la propriété float doit s'ajouter à une autre propriété, pour être comprise dans le contenu ? Je sais qu'on ne peut pas mettre de propriété clear si on n'utilise pas float, alors quelle est la solution ?

D'avance merci pour vos conseils !
Crebindiou
Modifié par crebindiou (25 Oct 2007 - 11:31)

Tu dois créer un contexte de formatage:

.catalogue {overflow:hidden}

Merci beaucoup ! ça fonctionne.
Je ne connaissais pas ça.... Je n'ai pas encore tous les automatismes du css c'est un peu dur.
Encore un grand merci !
crebindiou

crebindiou a écrit :
Merci beaucoup ! ça fonctionne.
Je ne connaissais pas ça.... Je n'ai pas encore tous les automatismes du css c'est un peu dur.
Encore un grand merci !
crebindiou

Pas de quoi! N'oublie pas d'indiquer que ton sujet est résolu