Spaltenüberlappung

Bei Spalten lässt sich die Option Verschieben oder auch Überlappung von zwei Spalten einfach umsetzen, so dass sich zwei Inhaltsbereiche auf einer Webseite teilweise überlagern. Dabei wird eine Spalte visuell über die andere gelegt, sodass ein modernes, dynamisches Layout entsteht.

Typischerweise wird eine Spalte mit einem Bild, einer Grafik oder einer Farbfläche hinter eine zweite Spalte mit Text oder zusätzlichen Informationen positioniert. Die Überlagerung kann horizontal oder vertikal erfolgen.

Wofür benötigt man eine Spalten-Überlappung?

• Modernes Webdesign: Erzeugt ein hochwertigeres und individuelleres Erscheinungsbild als klassische nebeneinanderliegende Spalten.
• Hervorhebung von Inhalten: Ein wichtiges Element (z. B. eine Überschrift, ein Angebot oder eine Botschaft) kann optisch stärker in den Vordergrund gestellt werden.
• Bild-Text-Kombinationen: Häufig genutzt, um ein Bild mit einem darüberliegenden Textkasten oder einer Infobox zu kombinieren.
• Mehr Tiefe im Layout: Die Überlagerung erzeugt eine räumliche Wirkung und lässt Bereiche weniger statisch wirken.
• Gestaltung von Hero-Bereichen: Große Titelbereiche auf Startseiten nutzen oft ein Hintergrundbild mit einer darüberliegenden Textspalte.
• Akzentuierung von Karten und Boxen: Zum Beispiel eine Kontaktbox, ein Zitat oder eine Info-Karte, die teilweise über ein Bild oder eine farbige Fläche ragt.

Wie mache ich das?

Wähle im Spalten-Block die gewünschte Spalte aus. Auf der rechten Seitenleiste im Editor findest du die Option „Verschiebung“. Hier lässt sich der Grad der verschieben einstellen.