|
|||
DIVs sollen ineinander rutschen (wenn Platz)
Hallo Freunde,
ich habe mehrere DIV-Container (mit Bildern) die in der Höhe dynamisch sind. Die Anzahl der DIV-Container (Bilder) variiert auch bzw. ist nicht bekannt. Wie kann man mit CSS erreichen, dass die DIVs, wie auf folgendem Screenshot, "ineinander rutschen". Mit float:left funktioniert das leider nicht. Danke schonmal und schöne Grüße Matthias |
Sponsored Links |
|
|||
So wie du dir das vorstellst ist es derzeit nicht möglich.
Du kannst entweder display: inline-block; verwenden und die Elemente dann mit vertical-align an der Oberkante ausrichten, dann fließen die Elemente von links nach rechts und haben je nach Größe nach unten hin etwas Freiraum, oder du verwendest CSS3 Multi-Column Layout (column-count, column-width, etc). Dann fließen deine Elemente von oben nach unten. Die Implementierung dieser Eigenschaften ist jedoch nicht ganz so weit verbreitet.
__________________
Über Internet Explorer 8: Noch bis 8. April 2014 wird der Internet Explorer 6 mit Sicherheitsupdates versorgt. Bereits jetzt kann dieser Browser aber vollständig durch den IE8 ersetzt werden. Ältere Betriebssysteme und Browserversionen werden von Microsoft nicht mehr unterstützt. Auch Programme, die den IE7 benötigen, sind kein Argument gegen IE8, da dieser über entsprechende Kompatibilitätsschichten verfügt. Ab sofort gilt daher der Internet Explorer 8 als vorausgesetzer Mindeststandard. |
Sponsored Links |
|
|||
Hallo Gato,
vielen Dank für die Hilfe. Mit display: inline-block und vertical-align:top funktioniert das leider nicht. Das sieht dann so aus. Mit Spalten (Multi-Column Layout) kann ich leider auch nicht arbeiten da ich nicht weiß wie ich die Bilder/Divs in die Spalten bekommen soll denn die Anzahl der DIVs ist vorher nicht bekannt und variiert. Bei diesem Beispiel wird jedem DIV eine Position und top:0px left:233px zugeteilt. Weißt Du zufällig wie man soetwas macht? Wäre da vielleicht jQuery eine Möglichkeit (irgendwie)? Grübel! Gruß Matthias |
|
|||
Zitat:
Zitat:
Zitat:
|
|
|||
@Mafred
Das sieht seeeehr gut aus. Das schaue ich mir gleich mal an. Vielen Dank column-count: 3 funzt bei mir leider nicht. FF filtert diese css-anweisung heraus - in Firebug ist sie ständig verschwunden. kA warum. |
|
|||
Firefox unterstützt diese Eigenschaften momentan nur mit -moz-Präfix. Das wäre aber mit Hilfe meines Hinweises nicht schwer herauszufinden gewesen
|
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Unbekannte Anzahl Divs in Liste anordnen und horizontal und vertikal zentrieren | Alien | CSS | 17 | 20.03.2011 11:23 |
Liquid Design: Wenn divs im IE untereinander rutschen | heiko_rs | CSS | 17 | 26.10.2010 20:22 |
Div's ineinander, einer davon fixiert | Marc2006 | CSS | 0 | 12.12.2009 00:33 |
divs rutschen untereinander | wirdnix | CSS | 3 | 22.04.2009 20:30 |
Divs nebeneinander, aber mittig | RomanM | CSS | 2 | 24.10.2007 07:32 |