Spalten-Container verwenden

Ein Spalten-Container ist ein Inhaltselement, mit dem Inhalte auf einer Seite nebeneinander angeordnet werden können. Dadurch lassen sich Bereiche übersichtlicher gestalten und Inhalte optisch besser strukturieren.

In TYPO3 stehen Spalten-Container mit 1 bis 4 Spalten zur Verfügung. Je nach gewünschtem Layout kann also entschieden werden, ob Inhalte über die gesamte Breite, in zwei Spalten, in drei Spalten oder in vier Spalten dargestellt werden sollen.

In die einzelnen Spalten können anschließend normale Inhaltselemente eingefügt werden, zum Beispiel Texte, Bilder, Buttons oder andere verfügbare Elemente. Jede Spalte kann dabei eigene Inhalte enthalten.

Spalten-Container eignen sich besonders für kurze, übersichtliche Inhalte, die miteinander in Beziehung stehen, zum Beispiel Vorteile, Kontaktinformationen, Teaser oder mehrere Themenbereiche auf einer Seite.

Wichtig ist, Spalten nicht mit zu langen Texten zu überladen. Besonders auf mobilen Geräten werden die Spalten meist untereinander dargestellt. Die Inhalte sollten daher auch dann noch gut verständlich und sinnvoll aufgebaut sein.

Einstellungen des Spalten-Containers

In den Eigenschaften eines Spalten-Containers können verschiedene Einstellungen vorgenommen werden. Damit lässt sich festlegen, wie der gesamte Inhaltsbereich dargestellt werden soll.

Je nach Anzahl der ausgewählten Spalten kann die Aufteilung der Spalten angepasst werden. So kann zum Beispiel festgelegt werden, ob zwei Spalten gleich breit angezeigt werden oder ob eine Spalte mehr Platz erhalten soll als die andere.

Um den gesamten Spaltenbereich optisch hervorzuheben, kann für den Container ein Hintergrund ausgewählt werden. Dieser Hintergrund gilt dann für den gesamten Container und umfasst alle darin enthaltenen Spalten und Inhaltselemente.

Über die Einstellung Breite des Containers wird festgelegt, wie breit der Spalten-Container auf der Webseite dargestellt wird. Dabei kann der Container entweder über die gesamte Browserbreite angezeigt werden oder eine fest definierte Inhaltsbreite verwenden. Zusätzlich steht die Variante „schmal“ zur Verfügung. Dabei wird der Container schmaler dargestellt und mittig auf der Seite ausgerichtet.

Diese Einstellungen helfen dabei, Inhalte übersichtlich zu strukturieren und bestimmte Bereiche der Seite gezielt hervorzuheben.

Formatierung von Inhalten

In 1spaltigen und 2spaltigen Containern können Inhalte zusätzlich formatiert werden. 

Inhalte in den einzelnen Spalten können vertikal oder horizontal ausgerichtet werden. Zusätzlich gibt es die Möglichkeit einen größeren Abstand zum Rand einzustellen. Damit ist die Darstellung der Inhalte wie zum Beispiel Text “lockerer” und besser zu erfassen.

Eine weitere Formatierung ist Darstellung als "Box grau" oder “Box blau”. Im Gegensatz zum Hintergrund “blau” oder “grau” wird nicht die ganze Breite mit Farbe gefüllt, sondern nur der Container-Bereich