|
|||
Dynamische Breite von inline-block-Divs
Hallo,
ich habe folgende Struktur: Edit fiddle - JSFiddle Und zwar ist der Parent-Container "cont" mit einer fixen Breite versehen. Die Child-Divs "step" haben auch eine feste Breite. Nun sollen die Child-Divs "space" den zwischenraum ausfüllen, jedoch immer die selbe Breite beinhalten. Sodass wenn mehrere "step"s inzukommen die Breite von jedem "space" kleiner wird. width: auto; bringt mir leider eine Breite von 0 und prozentuale Angaben sind auch nicht dynamisch sondern wirken nur auf eine dynamische Breite vom Parent-Div welches jedoch in meiner Situation eine fixe Breite hat. Hat da jemand einen Lösungsansatz? Vielen Dank im Voraus. |
Sponsored Links |
|
||||
Ja, denn wenn du nur eine gleichmäßige Verteilung haben willst, dann kannst es so machen Edit fiddle - JSFiddle und dem .cont einen entsprechenden Hintergrund geben.
|
|
|||
Sieht schonmal garnicht schlecht aus,
jedoch brauche ich die space Klasse, da dort grafisch noch anders gearbeitet wird. Bekommt man das noch hin? Danke ersteinmal für den super Anfang |
|
||||
Das wird wohl ohne JS nix: http://jsfiddle.net/Djq5r/3/
|
|
|||
hm hm hm ...
Wollte eigentlich auf JS verzichten was das angeht. Kenne die automatische Zeilenaufteilung von Tabellen und dachte das könne man mit CSS irgendwie nachstellen. Danke erstmal für die JS Version |
|
|||
Du kannst die Ausgabe erst in PHP berechnen lassen und dann ausgeben, dann brauchst du kein Javascript.
__________________
"Wieso ist der Code schrott, ich dachte hier seien Profis..." Aus einem Forum. |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
display block und inline vertauscht | marli | CSS | 5 | 18.05.2012 13:16 |
Breite einer inneren div größer als des äußeren divs | Bauchnabel | CSS | 3 | 09.04.2012 17:09 |
CSS - CMS - lange Menus Balken/BG oben? | shinobi | CSS | 3 | 13.10.2011 22:12 |
2 Spalten - dynamische Breite | Zeussi | CSS | 1 | 20.08.2009 12:29 |
div als inline Hintergrund auch bei block Elementen | css7545 | CSS | 2 | 22.06.2009 23:16 |