Multispalten-Container

50:50 Box

In einer 50:50-Box können Sie zwei unterschiedliche Inhaltselemente parallel nebeneinander darstellen, die thematisch zusammenhängen. 

Typische Elemente, die hier gut harmonieren sind:

  • Linkliste und Bild
  • Bild und Text
  • Text und Bildergalerie/Video

Multispalten-Container - 50:50

© Fotolia/Name

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam

Multicolumn Layout 2 column - 50:50

  • © Fotolia/Name
  • © Fotolia/Name
  • © Fotolia/Name
  • © Fotolia/Name

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam

3-und 4-spaltige Box

Bitte beachten Sie beim Einsatz von 3-und 4-spaltigen Multispalten-Container Folgendes: 

  • Inhalte werden sehr komprimiert dargestellt
  • Bilder wirken z.T. zu klein für das Gesamtlayout
  • Prüfen Sie die Ansicht auch immer wieder in der mobilen Ansicht auf dem Smartphone
  • Achten Sie darauf, dass die Box "gleiche Höhe erzwingen" angeklickt ist

Multispalten-Container - 3-spaltig

© Fotolia/Name

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam

© Fotolia/Name

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam

Multispalten-Container - 4-spaltig

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. 

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.

Einbau eines Multispalten-Containers

Mehrspalten Container

Zu Beginn erstellen Sie ein neues Inhaltslelement, indem Sie den "Mehrspalten Conrainer" auswählen.

Konfiguration I

Im Tab "Konfiguration" unter vordefinierte Layouts wählen Sie bitte die "2-spaltige Section" aus, damit die 50:50 Box korrekt zur Geltung kommt.

Konfiguration II

Hier wählen Sie die Hintergrundfarbe Ihrer beiden Boxen aus. Achten Sie darauf, dass sich die Farben recht und links voneinander unterscheiden. Vergessen Sie bitte nicht das Häkchen im unteren Teil zu setzen, damit eine gleiche Höhe der beiden Spalten erzwungen wird. 

50:50

Nachdem Sie die beiden Spalten konfiguriert haben, können Sie mit der Bearbeitung beginnen. 

50:50 Box "Linkliste"

Hier sehen Sie ein Beispiel einer 50:50 Box. In diesem Fall wurde eine Linkliste erstellt. Sie haben aber auch weitere Möglichkeiten, wie zum Beispiel "Text & Medien". 

50:50 Box "Text & Medien"

Hier wird das Beispiel "Text & Medien" im BE dargestellt.