Views-Ergebnisse in zwei Spalten ausgeben

Das Modul Display Suite wäre da wohl das richtige für dich.

Lieben Gruß
Berthold Lausch

Danke für die schnelle Antwort, aber leider krieg ich das immernoch nciht so hin, wie ich mir das vorstelle. Ich habe mir Display Suite installiert und mit dem integrierten Views Display das Layout meines Views verändert. Aber hier kann ich bei einem 2-spaltigen Layout nur einstellen, ob ddie Nodes (also Titel und Body) links ODER rechts erscheinen sollen, ich hätte sie ja gerne auf beiden Seiten. Oder habe ich eine Einstellungsmöglichkeit übersehen?

Ich vermute langsam, ich bin völlig auf dem Holzweg. Mich wundert warum ich zu diesem Theme nichts finde. Ich dachte eigentlich dass so eine Ansicht, z.B auf der Startseite relativ gefragt ist. Also dass man die neuesten News in 2 Spalten nebeneinander hat. So etwas in der Art will ich nämlich machen.

Zu deinen Screenshots, also der Grund für die Lücke bei Screenshot 1 liegt an CSS bzw. die Verhaltensweise von Floats - nicht an Views. Schau dir mal das jQuery-Plugin Masonry an: http://masonry.desandro.com/, damit lassen sich Blocks mit unterschiedlichen Höhen untereinander positionieren. Für D6 gab es praktischerweise ein Modul für Views namens Views Fluidgrid, Thread zum D7-Port hier: http://drupal.org/node/1031402.
Es sollte sich aber auch ohne dem Views-Fluidgrid-Modul umsetzen lassen, bedeutet aber etwas mehr Arbeit.

Also, aus dem Thread zum D7-Port habe ich mir das Fluidgrid für D7 runtergeladen und installiert. Funktioniert soweit einwandfrei, in der Vorschau wirds auch halbwegs richtig dargestellt, aber auf der Seite selber sind die Nodes entweder trotzdem untereinander oder sogar ineinander. Das klappt leider also auch nicht so richtig.. :/

Hat denn jemand eine Idee, wie ich es selber mit CSS lösen könnte? Mein erster Gedanke war den ungraden und graden Zeilen einfach float: left und right zu geben, und die Breite auf 50% zu begrenzen. Das hat er auch dann so dargestellt, aber das Problem ist ja dann: angenommen ich habe als 1. ein kurzes Node, das 2. ist sehr lang, das dritte und vierte wieder kurz -> dann wird das vierte natürlich trotzdem unter dem langen zweiten dargestellt, ich möchte es aber in diesem Fall trotzdem links unter Nr. 1 und 3 haben.. Beide einfach links zu floaten hat auch nicht funktioniert.

Hätte da freundlicherweise jemand einen Lösungsansatz?

Wenn Du im View bei den Einstellungen für die Anzeige Grid wählst, kannst Du zwei Nodes nebeneinander darstellen. Da das intern als table gelöst ist, sind dann auch die Höhen richtig.

Beste Grüße
Werner

Das verstehe ich jetzt nicht ganz, soll das eine Erklärung für das Problem sein? Denn wenn ich Grid als Format wähle, sieht es bei mir ja so aus, aber ich möchte es ja so haben...

Habe es jetzt nochmal als Unformatierte Liste probiert, eine Reihenklasse mit folgenden CSS EIgenschaften zugewiesen:

Aber der 3. Eintrag möchte nicht unter den ersten rutschen... Auch wenn ich es mit einer Pixelbreite, die etwas geringer als die Hälfte des Inhaltsbereichs ist, versuche.. Ich weiß, dass ist nicht das richtige Forum, aber vielleicht ist ja trotzdem einer so freundlich mir zu helfen. Danke.

Hier noch eine Besipielseite: http://home.arcor.de/design-fabrik/test.html

Mir reinem CSS und Floats lässt sich das Beispiel aus Screenshot 2 nicht umsetzen. Siehe dazu auch das Bild rechts oben auf der Seite von Masonry, wo man sehr gut sehen kann, wie sich gefloatete Elemente verhalten.
Ich weiß ja nicht genau, was du vorhast, aber ist die Aufteilung von Screenshot 2 denn wirklich notwendig? Gefühlte 90% der Webseiten, die z.B. auch vier gefloatete Blöcke auf der Startseite haben, sorgen einfach dafür, dass ungefähr der gleiche Textinhalt angezeigt wird (z.B. in dem man den Text in jedem Block automatisch nach 150 Zeichen abschneidet) und können so mit gleich hohen Blöcken in einer Reihe arbeiten. Dies hat neben der leichten Umsetzung mit CSS auch den großen Vorteil, dass alle Blöcke einer Reihe optisch auf derselben Höhe anfangen, was sich für den Besucher leichter lesen lässt, als wenn sich alle Blöcke an unterschiedlichen Stellen auf der Seite befinden.

Okay, jetzt habe ich auch begriffen, dass das mit reinem CSS nicht umzusetzen ist. Ich hätte diese Darstellung schon sehr bevorzugt, aber dann werde ich mich wohl nach einer anderen Dasrstellung umschauen, vllt. so wie du es vorgeschlagen hast. Oder auf ein funktionierendes Fluidgrid für D7 warten, bzw. es mir selber zurechtfummeln.

Trotzdem vielen Dank für alle Kommentare.

Servus keNNzooo,

hast Du eine adäquate Lösung finden können?

Es ist absolut sinnvoll den Content so anzubieten, wie Du es vor hattest.
Es ist übersichtlich und spart Platz.

Hatte es auch erst mit CSS Styling probiert und kam damit auch nicht weiter.
Wie hast Du es nun gelöst?

Gruß
Helge

Leider habe ich bis heute keine perfekte Lösung gefunden. Bis jetzt arbeite ich mit der Weiterlesen-Funktion, sodass der Vorschautext in etwa die gleiche Höhe hat.
Ich habe aber auch seitdem nicht weiter nach einer anderen Lösung gesucht.

Bei mir klappt es mit einer Page View:
- Format: Unformatierte Liste
- Anzeigen: Felder

Die daraufhin ausgegebene Liste unterteilt sich dann in:
- views-row-odd
- views-row-even

Die row-odd hab ich dann mit float: left, magin-right 20px und die row-odd mit float: right gestylt.
Klappt bei mir wunderbar.

Gruß
Helge

Hallo Helge,

kannst du das ein wenig genauer beschreiben?

das geht mit einfachem css

Hallo caw, heisst du Helge?

ja,...und die Bitte um eine genauere Beschreibung war dann auch nicht erfüllt.
Aber nicht so schlimm, dann kommt hier die genauere Beschreibung für User, die auch schon ewig nach einer Lösung suchen.

Das Zauberwort heisst Raster.
In der View das Format Raster wählen. Einstellungen wählen:
Add views row classes: on
Add striping (odd/even), first/last row classes : on
Anzahl der Spalten: 2
Ausrichtung: Horizontal
Fill up single line: on

Darstellung "Felder" wählen, Einstellungen:
Alle Felder als "Inline-Felder"
Als Seperator ein Leehrzeichen oder anderes.

Ich habe als Felder dann nur das Datum (Aktualisierungs-/Kommentarzeitpunkt ) und den Titel des Inhaltes gewählt. und z.B. werden bei mir nur 10 Beiträge angezeigt, verteilt auf 2 Spalten.

Weiterhin viel Spass mit Drupal,
Thorsten

ne, kann aber hier nicht allen die grundlagen von css beibringen

Ich heisse zwar auch nicht Helge, aber weder deine noch Helges Vorgehensweise lösen das Problem des Fragestellers. Er wollte wissen, wie man Versätze bei unterschiedlich hohen Elementen, die per float nebeneinander positioniert werden, vermeidet (siehe seine beiden Skizzen). Diese Versätze treten bei euch auch auf.
Wie ich bereits geschrieben habe, lassen sich diese Versätze durch jQuery-Plugins wie Masonry bzw. Isotope vermeiden. Für Isotope gibt es ein Drupalmodul hier, ein Tutorial, wie man ohne ein zusätzliches Modul Isotope mit Views nutzen kann, gibt es hier.