Hallo,
Das tut sie aber auch in der derzeitigen Darstellung. Meiner
Meinung nach(!) sogar jetzt schlechter als wenn es nach
meinen Wünschen ginge… aber das ist ja Ansichtssache. Jetzt
jedenfalls werden kurze Blöcke links mit Lücken
auseinandergerissen. Es wäre meines Erachtens viel leichter,
dem Inhalt zu folgen, wenn die Lücken nicht entstehen würden.
zusammenhängenden Inhalt floate ich doch aber in einem Element, da er semantisch eins ist.
Das liegt aber auch daran, dass die dargestellte Reihenfolge
der Div-Blöcke in dieser Seite keine Rolle spielt, weil ihre
Inhalte gänzlich voneinander unabhängig sind. Es wäre also
nicht nötig, dass Block 4 als Nachfolger von Block 3 erkannt
wird.
Dann ist float:left die falsche Wahl, da auf der rechten Seite umflossen wird.
Würde sich alles, was sich links befindet, zusammengeschoben
präsentieren, wäre es überschaubarer als etwas, das große
Lücken aufweist. Ist bei mir zwar nicht der Fall, aber im
Extremfall könnte eine Lücke ja auch über zig Viewporthöhen
gehen. Da, wo die großen Textblöcke stehen, kommt man als
Leserin gut zurecht, aber an den Stellen, wo Lücken sind, hat
man keine Ahnung, wo der nächste Textschnipsel erscheinen
wird. Das wäre besser, wenn alles zusammengeschoben wäre, eben
so wie ich es mir mit meiner hier gestellten Frage wünsche.
Wenn dich die Lücken nicht auf anderem Wege vermeiden lassen, dann könntest Du Hilfe durch beispielsweise senkrechte Hilfslinien geben.
Erlaube mir die Frage, was Du damit bezweckst?
Wenn’s denn nützt: Das ist derzeit lediglich eine
Hyperlink-Übersichtsseite für mich selbst. Ich benutze lieber
diese Seite mit thematischen Gruppen aus Hyperlink-Listen als
Browser-Lesezeichen/Favoriten.
Kenn ich. 
Sollten Deine Linklisten sich deutlich in der Größe unterscheiden (so scheint es ja), dann wäre zumindest ein wenig Übersichtlichkeit gewonnen, wenn Du sie der Größe nach sortiertest. Der Raum des größten Elements wird bei einem float:left ja immer nur nach links geblockt.
Da ich die Listen aber immer mal erweitere, würde ich gern den
Platz der Seite automatisiert optimieren und nicht per
(wiederkehrender) Handarbeit die Lücken schließen.
Das hinge bei obigem Tip davon ab, ob die einzelnen Listen in etwa gleich schnell wachsen.
Daten, die ich Mal rechts oben, dann
aber (bei schmalerem Viewport) plötzlich links unten finde,
verwirren im günstigsten Fall. Im ungünstigsten sind sie für
den User schlicht „weg“.
Diese Meinung teile ich nicht.
Musst Du nicht, allerdings bestätigt die Praxis das.
Das Umarrangieren der Inhalte
je nach Viewport halte ich für einen der Grundpfeiler in
dynamischen Webseiten, die ja auch nur dann auf möglichst
vielen (idealerweise allen) User-Agents mit beliebigen
Viewport-Größen ohne Scrollen lesbar/nutzbar sind.
Der Grundpfeiler im Responsive Design ist die an das Ausgabegerät angepasste Darstellung. Damit das eben nicht dem Zufall überlassen ist, arbeitet man unterschiedlichen Bereichen in CSS die auf die verschiedenen Viewporteigenheiten abgestellt sind. So kann ich bestimmen, daß aus einem 5-Spalter bei einer bestimmten Breite ein 3-Spalter wird, wobei Spalte 3 unter Spalte 2 wandert und Spalte 5 (die mit der Werbung) ausgeblendet wird. Passendes HTML vorausgesetzt.
Im Responsive Design geht man im übrigen nicht über den User-Agent, da dieser ziemlich ungeeignet ist, die Parameter des betreffenden Geräts abzubilden.
In jedem Fall überlässt Du die
Darstellung dem Zufall, hier in Form des Viewports.
Na so was… ist das nicht der explizite Wunsch, wenn man
„float“ benutzt?
Nein. Ein Float platziert das betreffende Element an die genannte Seite und löst es aus dem Elementfluss. Nachfolgende Elemente fließen auf der dem Float-Wert entgegengesetzten Seite vorbei.
Dass man es der Größe des Viewports
überlässt, wie die Inhalte angeordnet werden und dass es jede
besucherin mit Ändern der Fenstergröße selbst in der Hand hat,
wie breit sie ihren Viewport macht und wie die Inhalte
angeordnet werden?
Wenn Du möchtest, daß Deine DIVs nebeneinander stehen, dann reicht display:inline-block aus, und was nicht passt, rutscht in die nächste Zeile.
Gruß
osmodius
