XHTMLforum

XHTMLforum (http://xhtmlforum.de/index.php)
-   (X)HTML (http://xhtmlforum.de/forumdisplay.php?f=72)
-   -   Vertikaler Float bei DIVs (http://xhtmlforum.de/showthread.php?t=64803)

Innocentus 29.05.2011 17:08

Vertikaler Float bei DIVs
 
Ich lasse mehrere DIVs mit jeweils unterschiedlicher Höhe in einem Behälter-DIV mit fixer Breite left floaten.
Allerdings ordnen sich die DIVs unterhalb anderer DIVs nach der Höhe des darüberliegenden DIVs mit der größten Höhe an.

Hier ein Beispiel:
http://img109.imageshack.us/img109/6...oatexample.png
Der Pfeil zeigt an, wo ich die darunterliegenden jeweils DIVs gerne hätte.

Vielen Dank für eure Antworten im Voraus!
Mit freundlichen Grüßen
Innocentus

andir 30.05.2011 10:12

Das ist das normale Verhalten von gefloateten Elementen.
Sie orientieren sich an der oberen Kante des vorherigen (ggf.) gefloateten Elements und versuchen, sich rechts oder links davon ( je nach float-Richtung) zu positionieren. Reicht der Platz in der Breite nicht aus, rutschen Sie nach unten und dort wieder möglichst weit nach links oder rechts.
Sehr gut beschrieben ist es hier:

Float: Die Theorie
insbesondere: Unbenanntes Dokument

Im zweiten Beispielslink "blockieren" die floats 3 und 13 das Ausrichten nach ganz links, da sie höher sind als die anderen gefloateten Elemente.
Das erklärt, warum dein div nicht nach oben rutscht: Es wird blockiert. Lies bitte den verlinkten Artikel: Er erklärt es viel besser als ich.

Kurz: Du kannst dieses Verhalten nicht mit reinen HTML/CSS Mitteln automatisiert ändern.


Alle Zeitangaben in WEZ +2. Es ist jetzt 07:45 Uhr.

Powered by vBulletin® Version 3.8.11 (Deutsch)
Copyright ©2000 - 2019, vBulletin Solutions, Inc.

© Dirk H. 2003 - 2019