• Mehrspaltigkeit mit Raster-Elementen

Layout Element 1/2

Sinnvoll um mehrere Inhaltselemente zu gruppieren und ihnen gemeinsam eine Layout- oder Rahmenoption zuzuordnen.

2 50%-Elemente – 2 Spalten mit je 50% der verfügbaren Breite

Layout Element 1/2 Linke Spalte

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.

Layout Element 1/2 Rechte Spalte

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.

3 33%-Elemente – 3 Spalten mit je 33% der verfügbaren Breite

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 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 et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

1 33%-Element – 1 66%-Element

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 et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

1 Raster-Element – mit 2 50% – Containern

technischer Hinweis:

Bei Seiten, die Grids benutzen sind Submenüs an der Seite technisch nicht möglich und WordPress oder Enfold blendet diese aus

Die Spalten eines solchen Rasterelementes können individuell eingestellt werden (hier: linke Spalte padding:60px; rechte Spalte padding:0;)

ACHTUNG: Sollte der Text zu lang sein, füllt das Bild in der rechten Spalte nicht mehr die gesamte Box aus (siehe hier ->)

LÖSUNG: Weniger Text / höheres Bildformat

1 Raster-Element – mit 3 33% – Containern

Wir haben hier die Möglichkeit von 20% der Seitenbreite pro Spalte zu arbeiten (1/5) bis hin zu 100% der Seitenbreite.

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,

In Rasterelementen können auch 1/1-Container-Elemente gesetzt werden, diesen Elementen kann man dann noch einen Schlagschatten oder eine Hintergrundfarbe zuweisen

1 Farbbereich-Element – Hintergrund und Farbe möglich

es ist möglich diese Elemente mit Inhalten zu befüllen

der Hintergrund kann als Parralx und Scroll eingestellt werden

außerdem ist es möglich diesem Element eine Benutzerdefinierte Höhe zuzuweisen