[Resolu]Hauteur d'un div conteneur et débordement

Bonjour, j'ai un div qui contient une image (qui est dans un div) et autre chose (texte)

le div se redimensionne tres bien quan il n'y a pas d'image ou quand le texte depasse l'image. sinnon l'image deborde du div conteneur.

Comment eviter ca ? voila le css:

.article
{
width: 500px;
margin-left: auto;
margin-right: auto;
margin-top: 20px;
border: 1px solid black;
heigth: 500px;
}


.image {
float: left;
background-color: yellow;
heigth: 200px;
width: 150px;
margin-left: 20px;
margin-top: 40px;
}

Modifié le 19 Jan 2005 - 13:29

je sais pas comment je fais, mais ca arrive souvent que personne ne repond vous comprennez pas ce que je demmande ?

Salut.

Ton image est en flottant, donc a des règles spécifiques de flux.
Dans la Méthodologie placée en post-it du salon CSS, il y'a des liens vers les explications des différents schémas de positionnement.
Pour le positionnement flottant, je t'invite à aller sur ce tutoriel d'Openweb, qui explique exactement ton problème :
http://openweb.eu.org/articles/initiation_float/

Bonne chance

PS : je renomme ton titre "Hauteur d'un div conteneur" en "Hauteur d'un div conteneur et débordement"

voila, merci ca marche.

Bonjour

J'ai le même genre de probléme que Sirion, j'ai donc suivi le lien et tester les différents exemple du site.
Pour moi les exemples marche sous IE mais sous Fire Fox, j'ai souvent des affichages très différents.
--> les exemples

Je ne trouve pas ça tout à fait normal aurais-je louper quelque chose ?