[CSS/opmaak] probleem met image en titels

[RSD]

Als ik de volgende html code heb:

code:

<div width="200">
<h2>kopje 1</h2>
<p>
  [img]"foto.jpg"[/img]
  blablablabla
</p>
<h2>kopje 2</h2>
<p>
  nog meer blabla
</p>
</div>

en de hoogte van de foto is groter dan de hoogte van de eerste paragraaf, dan komt kopje 2 naast de foto te staan.

Ik wil het volgende effect hebben:

code:

<div width="200">
<h2>kopje 1</h2>
<p>
  [img]"foto.jpg"[/img]
  blablablabla
</p>
<br /><br /><br /><br /><br />
<h2>kopje 2</h2>
<p>
  nog meer blabla
</p>
</div>

alleen dan zonder dat ik de <br /> moet gebruiken. Is hier iets voor in CSS? Ik zou namelijk niet weten waar ik op moet zoeken en ik zit hier eigenlijk al een tijd mee. Ik kan het wel oplossen door <br /> te gebruiken, maar vaak heb ik er dan te weinig etc als de grootte van de foto varieert. Ik vroeg me dus af of er iets voor is.

[ Voor 35% gewijzigd door RSD op 31-03-2006 13:24 ]

[MAZZA]

http://css.maxdesign.com.au/floatutorial/index.htm

Lees dat eens door.

[Gonadan]

Misschien kan je zoeken naar het relatief positioneren van DIV's

[RSD]

clear: both doet het trucje!