Hallo,
ich habs das Problem schon lange, und kaue darauf herum. Ich fasse mal kurz meine Erfahrungen zusammen:
<div> sind Blockelemente und die stehen gewöhnlich unterneinander.
Wenn man nun zwei DIVs nebeneinander erscheinen lassen will, dann sollte man dies mittels CSS-Attribut float:left; tun. Und wenn man dann einen Bruch benötigt, dann fügt man einfach ein unsichtbares <hr style="clear:both; height:0;"> ein, und schon gehts definitiv in der nächsten zeile weiter.
Da gabs neulich schon mal einen Thread dazu von "jeena".
Es sollten aber einige Browserbugs beachtet wrden:
<!-- für die Höhenangabe von zu streckenden DIVs kein height benutzen,
sondern nur min-height. Das wird von MSIE und von Netscape
Gecko verstanden.
BUG!:
float:left verdoppelt im MSIE 5.5 die margin-Angaben des umflossenen
Elements.
BUG?: MSIE und Gecko:
auch das umfließende Element muss eine Float-Angabe haben, sonst wird
es "zerlegt".
-->
Viel Spaß beim Experimentieren
Tom