Vertikale Linien

Hallo,
ich stehe gerade ein wenig auf dem Schlauch.
Möchte eine Seite mit Contao erstellen "KOPFZEILE - ARTIKEL - FUSSZEILE. Der Bereich ARTIKEL soll in 2 Bereiche aufgeteilt werden und durch eine vertikale Linie getrennt werden.

Mein Ansatz war das grundsätzlich mit dem Contao-Grid zu lösen, die Inhaltsaufteilung funktioniert auch soweit.

Nun meine eigentliche Frage:
Die vertikale Linie mit dem Contao-Grid lösen (g8 - g1 - g3) und Grafik unter g1 hinterlegen oder per CSS das Ganze?

Oder gibt es noch eine bessere, gar einfachere Lösung?

Gruß
Marcelo

Im Grunde sind, glaube ich, beide skizzierten Wege CSS.
Es bleibt das Problem, daß sich die Linie eben immer an der Höhe des Elementes orientiert dem sie zugewiesen wurde. Also müsstest Du sie händisch immer dem höchsten Element zuweisen.
Meines Wissens gibt es eine Erweiterung die allen div's (?) die gleichen Höhen zuweist, und somit das Problem beseitigen hilft. Nur weiss ich nicht mehr wie diese heisst und hab keine Zeit zum Suchen.

Ich kenne mich mit dem Contao-Grid nicht aus, aber sofern es einen Container - also ein beide Artikel umspannendes div - gibt, kannst du über sog. Faux Columns dem Container das Hintergrundbild/die Trennlinie geben.

Der Container hat (sofern du richtig "clearst" und einer der Artikel nicht über den Container hinausgeht) nämlich immer die Höhe des längeren Artikel.

In der Contao Demo wäre dies:

HTML-Code:

---

div#container {background: url(../img/bg.png) center repeat-y;}

---

Hallo!

Erst einmal vielen Dank für Eure Unterstützung!

@sans: Was genau muss ich nun in Contao machen?
Die CSS erweitern um den genannten Punkt?
Das hat bisher kein Ergebnis bei mir gebracht!

Gruß
Marcelo