[CSS] Image dans un Div -> problème de hauteur

Bonjour,

J'ai un div tout simple avec une hauteur de 100% (height:100%). Lorsque j'y intègre une image, si celle-ci est grande le div s'agrandit.

Mais j'ai lu une astuce pour avoir une image et du texte autour, il suffit de mettre align='left' dans la balise <img> puis le texte et l'image dans une balise <p> et le texte entoure joliment l'image, mais, oh surprise, le div ne se redimensionnen plus.
Si j'enlève le align='left' le texte est en dessous de l'image mais le div est à la bonne dimension.

Comment faire pour :
- Avoir du texte autour/a coté de l'image (mais pas soit en haut soit en bas)
- Un div qui s'agrandit malgré une image importante.

Voici mon code actuel (si jl'enlève lle align='left' le div est juste mais pas le texte) :

Code:

---

1 2 3 4 5 6

<div style='height:100%'> <p style='text-align:left'> <img style='margin:10px' align='left' src='iimage.jpg"'>voici le texte blablablablabla </p> </div>

---

Merci de votre aide.

Qui cherche trouve :D

J'ai finis par trouver en cherchant sur le net :
il faut mettre un div vide (contenant juste un &nbsp; ) avant et après le contenu en mettant un attribut clear:both :

Code:

---

1 2 3 4 5 6

<div style='background:green'> //Le div que l'on veut voir s'étendre <div style='clear:both'> &nbsp; </div> ........ (le contenu, images, div etc.) <div style='clear:both'> &nbsp; </div> </div>

---

Citation:

---

Envoyé par Torpedox

Qui cherche trouve :D

---

Qui trouve ... clique sur :resolu:


Gôm :mrgreen:

:mouarf3: ghohm