WICHTIGE INFORMATION

Unser Büro ist vom 17. Dezember 2021 bis einschließlich dem 05. Januar 2022 zwecks Betriebsurlaubs nicht besetzt. Wir bitten um Verständnis, dass wir auf eingehende Support-Anfrage vom 16. Dezember 2021 oder später erst ab dem 06. Januar reagieren können.

Dynamischer Zweispalter

Einführung

Bei dem Block Dynamischer Zweispalter handelt es sich um ein Block Element der Kategorie Struktur. Schau dir daher bitte vorab die Seite Struktur Blöcke » Allgemeine Informationen zu Struktur Blöcken an.

Dieses Strukturelement dient zur Aufteilung der Inhalte auf zwei Spalten. Hierbei kann die Breite der ersten Spalten in Prozent über die Konfiguration definiert werden. Die Breite der zweiten Spalte ergibt sich somit automatisch.

Konfiguration

Für diesen Block stehen die unten stehenden Optionen zur Verfügung. Wie du die Konfiguration des Blocks öffnest, erfährst du unter Struktur Blöcke bearbeiten.

Breite der 1. Spalte in Prozent

An dieser Stelle kannst du die Breite der ersten Spalte in Prozent definieren. Die Breite der zweiten Spalte ergibt sich aus der Differenz zu 100 Prozent.

Mindestbreite der Spalten (in Pixel) vor Umbruch

Die hier definierte Pixelbreite muss für jede Spalte mindestens verfügbar sein. Ist dies aufgrund einer zu geringen Auflösung nicht der Fall (bspw. auf Tablet oder Handy), so bricht das Layout um und die Spalten werden untereinander statt nebeneinander dargestellt.

Konfigurationsbeispiel

Als Breite der 1.Spalte wurden 25% Prozent definiert. Hieraus ergibt sich eine Breite von 75% für die zweite Spalte. Gehen wir nun von einer Maximalbreite von 1000 Pixel bei einem Tablet aus, so entspricht dies 250px für die erste und 750px für die zweite Spalte. Haben wir als Mindestbreite der Spalten 150px eingestellt, so werden die Spalten nebeneinander dargestellt, da genügend Platz vorhanden ist. Wird die Seite nun jedoch auf einem Handy mit einer Maximalbreite von 400px dargestellt, so ergibt sich für die erste Spalte eine Breite von 100px und für die zweite eine Breite von 300px. Da für die erste Spalte somit die Mindestbreite von 150px nicht mehr eingehalten werden kann, werden die beiden Spalten untereinander dargestellt.

Optionen des dynamischen Zweispalters

dl dt { font-weight: bolder; margin-top: 1rem; } dl dd { padding-left: 2rem; } h2 code { font-size: 32px; } .category--description ul { padding-left: 2rem; } dt code, li... mehr erfahren »
Fenster schließen

Dynamischer Zweispalter

Einführung

Bei dem Block Dynamischer Zweispalter handelt es sich um ein Block Element der Kategorie Struktur. Schau dir daher bitte vorab die Seite Struktur Blöcke » Allgemeine Informationen zu Struktur Blöcken an.

Dieses Strukturelement dient zur Aufteilung der Inhalte auf zwei Spalten. Hierbei kann die Breite der ersten Spalten in Prozent über die Konfiguration definiert werden. Die Breite der zweiten Spalte ergibt sich somit automatisch.

Konfiguration

Für diesen Block stehen die unten stehenden Optionen zur Verfügung. Wie du die Konfiguration des Blocks öffnest, erfährst du unter Struktur Blöcke bearbeiten.

Breite der 1. Spalte in Prozent

An dieser Stelle kannst du die Breite der ersten Spalte in Prozent definieren. Die Breite der zweiten Spalte ergibt sich aus der Differenz zu 100 Prozent.

Mindestbreite der Spalten (in Pixel) vor Umbruch

Die hier definierte Pixelbreite muss für jede Spalte mindestens verfügbar sein. Ist dies aufgrund einer zu geringen Auflösung nicht der Fall (bspw. auf Tablet oder Handy), so bricht das Layout um und die Spalten werden untereinander statt nebeneinander dargestellt.

Konfigurationsbeispiel

Als Breite der 1.Spalte wurden 25% Prozent definiert. Hieraus ergibt sich eine Breite von 75% für die zweite Spalte. Gehen wir nun von einer Maximalbreite von 1000 Pixel bei einem Tablet aus, so entspricht dies 250px für die erste und 750px für die zweite Spalte. Haben wir als Mindestbreite der Spalten 150px eingestellt, so werden die Spalten nebeneinander dargestellt, da genügend Platz vorhanden ist. Wird die Seite nun jedoch auf einem Handy mit einer Maximalbreite von 400px dargestellt, so ergibt sich für die erste Spalte eine Breite von 100px und für die zweite eine Breite von 300px. Da für die erste Spalte somit die Mindestbreite von 150px nicht mehr eingehalten werden kann, werden die beiden Spalten untereinander dargestellt.

Optionen des dynamischen Zweispalters