2 Spalten Problem bei unterschiedlicher Höhe der Einträge

[mds]

Hallo,

für ein CMS versuche ich mittels CSS zwei Spalten für den Inhalt zu erzeugen. Man kann es sich vielleicht am besten als News-Seite vorstellen. Das Grundprinzip ist dabei folgendes: Eintrag Nr. 1 auf der linken Seite, Nr. 2 rechts daneben, Nr 3. unter Nr. 1, usw. Im Ausnahmefall, falls z.B. Eintrag Nr. 2 sehr länger ist als Eintrag Nr. 1 und 3 zusammen, sollte Eintrag Nr. 4 auch unter 1 und 3 dargestellt werden.

Für die Umsetzung hatte ich mir also folgendes überlegt:

.klasse { float: left; width: 49%; }

Jetzt ist aber noch das Problem, dass die nachfolgenden Einträge nach oben nicht "aufrücken": http://home.arcor.de/design-fabrik/test.html

Wie kriege ich die Einträge also direkt untereinander dargestellt?
Vielen Dank im Voraus.

 

[devilseye]

hi mittels css3 gibt es weitaus schönere möglichkeiten spalten zu erzeugen.
CSS3 Columns<-- Guckst du

 

[djheke]

Hier ist eine mögliche Lösung.
2 "flüssige" Spalten (fluid grid) - CSS-Info.de

 

[igestalten]

mit einer "Standardklasse" wird das nicht funktionieren - aber wenn du versuchsweise mal .brown { background-color: sienna; float:right; } setzt, siehst du wie die Spalten "aufrücken".
Mit ein bischen floatundclear lässt sich dein Problem lösen - allerdings nicht der "Ausnahmefall" - CSS kann kein "wenndann"...

 

[devilseye]

CSS kann kein "wenndann"...

Ausser wenn css mit php verwendet wird.

 

[djheke]

Mit ein bischen floatundclear lässt sich dein Problem lösen.

Zeig doch mal ein Beispiel. Bin ja gespannt. Dieses Problem lässt sich nicht so einfach mit CSS lösen. Abgesehen von Multi-Column.