Tom: <div> elemente nebeneinander positionieren

Beitrag lesen

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