Afbeelding loopt buiten de div

[Frenske123]

Hoi,

Ik wil 3 afbeeldingen aan de rechterkant van de tekst in een div plaatsen onder elkaar.

Het probleem is dat de laatste afb. onder buiten de div loopt.
<div id="voorbeeld">
<img class="entee_afb" src="img/voorbeeld1.jpg" width="380" height="222" >
<img class="entee_afb" src="img/voorbeeld2.jpg" width="380" height="222" >
<img class="entee_afb" src="img/voorbeeld3.jpg" width="380" height="222" >

<p>Lorem Ipsum is slechts een proeftekst uit het drukkerij- en zetterijwezen. Lorem Ipsum is de standaard proeftekst in deze bedrijfstak sinds de 16e eeuw, toen een onbekende drukker een zethaak met letters nam en ze door elkaar husselde om een font-catalogus te maken. Het heeft niet alleen vijf eeuwen overleefd maar is ook, vrijwel onveranderd, overgenomen in elektronische letterzetting. Het is in de jaren '60 populair geworden met de introductie van Letraset vellen met Lorem Ipsum passages en meer recentelijk door desktop publishing software zoals Aldus PageMaker die versies van Lorem Ipsum bevatten.</p>
</div>

#div {widht:960px;}

.entee_afb {
float:right;
margin: 0 0 10px 10px;
clear: right;
}

Hoe dit op te lossen?

 

[JP Romijn]

#voorbeeld {
overflow: auto
}

 

[Frenske123]

Bedankt, dat werkt in elk geval !

Probeerde de div een 100% height te geven maar wilde ook niet

html, body {
height: 100%;
margin:0;
padding:0
}


#voorbeeld {
height: 100%;
}

maar dan trad deze weer buiten (onder) het ouder element in dit geval container, ook al gaf ik die ook 100% height

 

[Frenske123]

Hoi

Nu met figure en figcaption

<figure>
<img class="entee_afb" src="img/voorbeeld3.jpg" width="380" height="222" alt="voorbeeld" title="voorbeeld">
<figcaption>Ingo's autoservice</figcaption>
</figure>

Is dit ook mogelijk > dus de afb. float naar rechts en bijschrift onder de afb.?

edit

Opgelost :
De class class="entee_afb"nu aan figure toegekend