Bilde overlapper ved bruk av align

[pianoforte]

Skal lage et slags nyhetssystem hvor hver nyhet har et bilde til høyre (satt til align="right"). Under hver artikkel er det en <div>-boks. Problemet er at hvis bildet er høyere enn teksten, vil bildet overlappe <div>-boksen i stedet for å skyve <div>-boksen lenger ned.

Går an å fikse det ved å sette teksten/bildet og div-boksen i to forskjellige celler i en tabell, men tabeller vil jeg helst unngå. Finnes det noen annen løsning?

 

(Hvis dere ikke skjønner noe av hva jeg mener, så si ifra, så skal jeg legge ut et eksempel på hva jeg mener.)

[Loomy]

Sett en hr eller et annet tilsvarende element nederst i div'en med nyheten og gi den følgende CSS-egenskaper:

visibility:hidden;
clear:both;

clear:both er altså nøkkelen.

[pianoforte]

Tusen takk

Fungerte kjempebra.