[vistree]

Hallo,
arbeite derzeit mit einem CMS (Drupal) bei dem Felder mit einem Modul als Ansichten gerendert werden.
Es gibt also auf einer Seite eine Liste nacheinander folgender Beschreibungen, die immer die gleichen Felder haben.
So, die Felder werden immer mit der div-Anweisung und einer zugeordneten Klasse ausgegeben und einfach untereinander gesetzt.
Ich möchte nun aber gerne 3 Felder links übereinander setzen, 3 rechts und 3 dazwischen. Die Felder müssen in der Höhe flexibel bleiben (Anzahl Zeilen kann variieren) aber die Breite sollte fest sein.

Habe gedacht, ich könnte einfach die linken felder jeweils mit float: left, die rechten mit float: right und die mittleren ohne float-Angabe im CSS setzen - ist aber nichts.

Wie geht man bei sowas korrekt vor??

Gruß

Kai

[Fanatic]

Ich würde es mal mit einem "globalen" div-container versuchen, in den du die anderen divs reinpackst und dann die einzellnen divisions innerhalb dieses containers mit position:relativ; und top,left,right,bottom positionierst.

[vistree]

Hallo fanatic,
danke für die Antwort.
Leider kann ich die Div-Ausgabe nicht so einfach beeinflussen, da der HTML-Code von einem Modul erzeugt wird das ich nicht geschrieben habe.
Somit habe ich das Problem, dass ich da keine zusätzlichen Divs reinbekomme.
Wie könnte ich dann vorgehen?

Gruß

[IChao]

du hast

123456789

und willst

147
258
369

ist das richtig?

[vistree]

Ja, genau, wobei ich selber die Anordnung am Anfang bestimmen kann
147258369 aber rauskommen soll es immer genauso rauskommen wie bei dir!!

Noch wichtig: die Ausgangswerte können eine unterschiedliche Anzahl an Zeilen haben. Bei dem Einen Datensatz kann also z.B. die 1 drei Zeilen haben und die 2 nur eine, bei dem nächsten Datensatz könnte die 1 dann nur zwei und die 2 nur eine Zeile haben. Wäre also super, wenn die Divs ohne Abstand untereinander kämen.

Gruß

[IChao]

Ich muss dich enttäuschen, glaube ich. Das geht nicht in CSS, zumindest nicht so, dass du die einzelnen Blöcke in die Seite hineinfließen lässt und sie sich dabei in Spalten anordnen. Selbst mit einer Liste ist so etwas kaum möglich, sieh mal diesen Artikel von Paul Novitski. Wenn die Programmlogik dir die Maße der Blöcke liefern könnte, dann wäre eine absolute Positionierung möglich, angepinnt wie Zettel an der Pinnwand, aber das ist alles andere als flexibel.

[vistree]

Hi, so spät auch noch auf??? Danke für die erneute Antwort!
Also, die Breite der Blöcke kann ich selbst bestimmen. Nur die Höhe ist flexibel. Kann man DIVs fest mit dem linken Abstand aber mit automatischem Anschmiegen an den drüberliegenden DIV positionieren?
Geh jetzt mal in die Heia ... Aber bei diesem rumgemurkse vergißt man völlig die Zeit

Guts Nächtle

Kai

[vistree]

Hallo, ich muss das Thema doch noch mal aufgreifen, weil ich immer noch keine Lösung gefunden habe ;-(
Wäre es möglich, DIVs so mit CSS zu formatieren, dass zumindest die rechten DIVs immer übereinander floaten.
Ganz konkret:
kann ich mehrere DIVs mit float:right bündig so übereinander setzten, dass alle anderen DIVs diese dann trotzdem links davon normal umfließen?
Habe versucht erst meine rechten DIVs im HTML-Teil einzufügen und jeden mit

float:right;
margin-left: 400px;
width: 180px;

zu formatieren. Wenn ich das nur mit einem DIV mache, funktioniert es, wenn ich es mit 2 oder mehr DIVs mache, so umfließen die restlichen DIVs diese nicht mher, sondern beginnen erst unter dem letzten gefloateten DIV.
Gibt es da abhilfe?

Gruß
Kai

[Praktikant]

Hy, das ist ja normal. du kannst divs nebeneinander setzen indem sie mi float:left; immer an den rad drückst. sobald du dies bei einem weg lässt muss die clear:both; einsetzten und clearen. aber die nächstens divs kommen dann natürlich untereinander

[vistree]

OK, ich suche immer noch verzweifelt nach einer Lösung für meine o.g. Problem, dass ich mehrer DIVs habe (die ich NICHT noch mal in umschließende DIVs packen kann!!), die flexible Höhen haben - und dennoch möchte ich Sie in drei Spalten organisieren.

Fällt da noch jemandem was ein? Gibt es vielleicht über CSS die Möglichkeit DIVs zu gruppieren?