zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > (X)HTML
Seite neu laden Vertikaler Float bei DIVs

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 29.05.2011, 18:08
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 28.06.2007
Beiträge: 31
Innocentus befindet sich auf einem aufstrebenden Ast
Pfeil 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:

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
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 30.05.2011, 11:12
{ display: random;}
XHTMLforum-Kenner
 
Registriert seit: 08.09.2004
Ort: Stuttgart
Beiträge: 5.034
andir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblick
Standard

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.
__________________
Grüsse Andreas- auch mal wieder da...

Design isn't about the tools, it's about creating the best experience for the user. A design should be based on usability, accesibility, aesthetics, but never on floats, lists or background images. ( by Cameron Adams)
Wiedergelesen: > hier und hier

[Foren-Links] Dein Post? Klar, DAS vorher gelesen? Hilft. ## User-Landkarte
Mit Zitat antworten
Sponsored Links
Antwort

Stichwörter
anordnen, behälter, container, div, float, höhe, vertikal

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Float-Problem? mischaef CSS 33 20.10.2010 17:20
Divs horizontal anordnen, mit <li>, float? funky^mariechen CSS 12 29.08.2008 03:08
Mozilla zeigt DIV zu oft an cracki CSS 6 09.03.2008 16:22
IE zeigt gewisse Texte nicht an zitronenbaum CSS 2 16.01.2008 16:25
So langsam bekomme ich die Krise mit den DIVs Thuroc CSS 12 12.11.2007 15:25


Alle Zeitangaben in WEZ +2. Es ist jetzt 08:41 Uhr.