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.
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.