---
title: "Abschnitte, Spalten, Trennlinien und Abstandshalter"
description: "Gestalten Sie das Layout Ihrer Seite mit Abschnitten und Spalten, fügen Sie Kopf- und Fußzeile hinzu und schaffen Sie Platz mit Trennlinien und Abstandshaltern."
url: https://scratcher.io/de/help/elements/sections-columns-and-layout
language: de
---

1. [Hilfe-Center](https://scratcher.io/de/help)
2. [Elemente und Design](https://scratcher.io/de/help/elements)
3. Abschnitte, Spalten, Trennlinien und Abstandshalter

# Abschnitte, Spalten, Trennlinien und Abstandshalter

Gestalten Sie das Layout Ihrer Seite mit Abschnitten und Spalten, fügen Sie Kopf- und Fußzeile hinzu und schaffen Sie Platz mit Trennlinien und Abstandshaltern.

## Abschnitte und Spalten

Ein **Abschnitt** ist ein Kasten, der andere Elemente enthält. Damit stellen Sie Elemente nebeneinander oder geben einer Gruppe von Elementen einen Hintergrund.

1. Fügen Sie einen **Abschnitt** ein und ziehen Sie Elemente hinein.
2. Wählen Sie im Tab **Inhalt** die Anzahl der **Spalten**: 1 bis 4.
3. Bei mehr als einer Spalte wählen Sie das **Größenverhältnis**, zum Beispiel **Gleichmäßig**, 1:2 oder 2:1, oder **Benutzerdefiniert**.
4. Wählen Sie die **Ausrichtung auf Mobilgeräten**: **Links oben**, **Rechts oben** oder **Spalten beibehalten** (die Spalten bleiben auf Smartphones nebeneinander).

Wenn Sie die Anzahl der Spalten verringern, werden die letzten Spalten samt ihrem Inhalt entfernt.

Im Tab **Stile**: **Hintergrund** (Farbe oder Bild), **Rahmen**, **Breite**, **Form**, die vertikale **Ausrichtung** der Spalten und der **Abstand** dazwischen. In Popups können Sie die **Höhe** eines Abschnitts außerdem auf **Vollständig** setzen.

Abschnitte, Spalten und Menüs sind in den Plänen mit der Funktion **Elemente** enthalten.

## Kopf- und Fußzeile

Kopf- und Fußzeile sind Abschnitte, die auf jeder Seite erscheinen, zum Beispiel mit Ihrem Logo und einem Link zu Ihren Teilnahmebedingungen. Auf jeder Seite können Sie **Kopfzeile auf der Seite ausblenden** oder **Fußzeile auf der Seite ausblenden** wählen. Aktivieren Sie **Absolut positionieren** in den Einstellungen der Kopf- oder Fußzeile, damit sie über der Seite schwebt, statt Platz einzunehmen.

## Trennlinie

Eine **Trennlinie** ist eine Linie zwischen Elementen. Legen Sie ihre **Farbe**, den **Rahmen**-Stil, die **Größe** (Länge und Stärke), **Form** und **Ausrichtung** fest. Sie können in der Mitte der Linie ein **Icon** einfügen und es unter **Anzeigeeinstellungen** anpassen.

## Abstandshalter

Ein **Abstandshalter** fügt leeren Raum hinzu. Ziehen Sie seinen Griff auf der Seite, oder geben Sie die Höhe in Pixeln ein (5 bis 500).

Klicken Sie auf das Icon einer Trennlinie, um **Trenner-Icon** zu öffnen. Dort legen Sie Größe, Ausrichtung und Abstand des Icons fest. Der Griff eines Abstandshalters heißt **Ziehen, um die Höhe des Abstandshalters zu ändern**.

Elemente und Design

- [So funktionieren die Element-Einstellungen](https://scratcher.io/de/help/elements/element-settings-basics)
- [Text und Überschriften bearbeiten](https://scratcher.io/de/help/elements/text-and-headings)
- [Buttons und Klickaktionen](https://scratcher.io/de/help/elements/buttons-and-click-actions)
- [Bilder, Logos, Video und Schriften](https://scratcher.io/de/help/elements/images-video-and-fonts)
- [Abschnitte, Spalten, Trennlinien und Abstandshalter](https://scratcher.io/de/help/elements/sections-columns-and-layout)
- [Seiteneinstellungen, Hintergründe und Popup-Seiten](https://scratcher.io/de/help/elements/page-settings-and-backgrounds)
- [Countdown, Social Media, Teilen und Menü](https://scratcher.io/de/help/elements/countdown-social-share-and-menu)
- [Interaktive Grafiken mit klickbaren Hotspots](https://scratcher.io/de/help/elements/interactive-graphic)
- [Cookie-Hinweis, eigener Code und weitere Kampagnen-Add-ons](https://scratcher.io/de/help/elements/cookie-notice-and-custom-code)
- [Vorlagen speichern und wiederverwenden](https://scratcher.io/de/help/elements/templates-and-reuse)

## Ähnliche Artikel

- [So funktionieren die Element-Einstellungen](https://scratcher.io/de/help/elements/element-settings-basics): Die Tabs Inhalt, Stile, Einstellungen und Effekte, Größen, Formen, Rahmen, Farben und Hintergründe, Änderungen für Mobilgeräte und Add-ons.
- [Texte, Bilder und andere Elemente hinzufügen und bearbeiten](https://scratcher.io/de/help/campaigns/add-and-edit-elements): Elemente einfügen, Texte ändern, Bilder und Schriften hochladen und alles für Desktop und Smartphone gestalten.
- [Seiteneinstellungen, Hintergründe und Popup-Seiten](https://scratcher.io/de/help/elements/page-settings-and-backgrounds): Legen Sie den Hintergrund einer Seite fest, richten Sie ihren Inhalt aus, machen Sie aus einer Seite ein Popup, blenden Sie die Kopfzeile aus und laden Sie die Seite automatisch neu.

## Brauchen Sie noch Hilfe?

Echte Menschen helfen Ihnen gern. Wenn Sie Scratcher bereits nutzen, ist der Chat in der Plattform der schnellste Weg.

- **[Chatten Sie mit uns](https://platform.scratcher.io/login)**

    Melden Sie sich an und klicken Sie unten rechts auf den Chat-Button. Rex antwortet sofort, und unser Team ist nur einen Klick entfernt.
- **[Termin buchen](https://scratcher.io/de/book-a-meeting)**

    Ein kostenloser 30-minütiger Videocall mit unserem Team: eine Tour, Kampagnenideen oder Hilfe bei Ihrer Einrichtung.
- **[Schreiben Sie uns](mailto:kontakt@scratcher.io)**

    Schreiben Sie an kontakt@scratcher.io, und wir melden uns bei Ihnen.
