DokumentationJourney OptimizerHandbuch für Journey Optimizer

Anpassen der vertikalen Ausrichtung und des Abstands alignment-and-padding

Letzte Aktualisierung: 13. Mai 2026

Erstellt für:

  • {"id":"b5a62a22-46f7-4f0d-b151-3fc640bef588"},{"id":"e8ccd51f-da0d-4e3b-939b-e30d5ebb1ea5"}
  • {"id":"b69b2659-1057-424e-8fc5-ed9e016dc554"}

Auf dieser Seite Erfahren Sie, wie Sie die senkrechte Ausrichtung und den Abstand von Spalten und Strukturen in der E-Mail-Designer anpassen, einschließlich der Behebung des restlichen Fragmentabstands für das korrekte Rendering auf Mobilgeräten.

style
shade-box

In diesem Beispiel passen wir den Abstand und die senkrechte Ausrichtung innerhalb einer Strukturkomponente an, die aus drei Spalten besteht.

  1. Wählen Sie eine Strukturkomponente direkt in der E-Mail oder über den Navigationsbaum im linken Menü aus.

  2. Wählen Sie in der Symbolleiste mit der Option Spalte auswählen die gewünschte Spalte aus. Sie können sie auch im Strukturbaum auswählen.

    Die bearbeitbaren Parameter für diese Spalte werden im Menü Stile angezeigt.

  3. Wählen Sie unter Ausrichtung die Option Oben, Zentriert oder Unten aus.

  4. Legen Sie unter Abstand den Abstand für alle Seiten fest.

    Wählen Sie Unterschiedliche Abstände für jede Seite aus, wenn Sie eine Feinabstimmung für den Abstand vornehmen möchten. Klicken Sie auf das Sperrsymbol, um die Synchronisierung aufzuheben.

  5. Gehen Sie analog mit den anderen Ausrichtungs- und Abstandseinstellungen der Spalten vor.

  6. Speichern Sie Ihre Änderungen.

TIP
Achten Sie beim Entwerfen von E-Mail-Inhalt für Gmail auf Android-Geräten darauf, dass für Bilder und Trennelemente Spaltenabstände und keine großen, festen Ränder verwendet werden. Gmail auf Android rendert übergroße Bilder und Ränder häufig falsch, was zu Layout-Überlauf oder reduzierten Trennlinien führt. Verwenden Sie eine kleinere Bildbreite oder spaltenbasierte Abstände, um eine konsistente Anzeige zu erreichen.

Verwalten der Abstände von Fragmenten mit Breadcrumb-Navigation fragment-padding-breadcrumb

Beim Arbeiten mit Fragmenten im E-Mail-Designer kann es vorkommen, dass der ausgeblendete oder verbleibende Abstand das Rendering auf Mobilgeräten anders beeinflusst als auf dem Desktop. Dies geschieht besonders häufig, wenn Fragmente entsperrt wurden oder die Vererbung unterbrochen wurde, da übrig gebliebene Formatierungen in den zugrunde liegenden Spalten- oder Textkomponenten verbleiben können.

So identifizieren und bearbeiten Sie verbleibende Abstände in Fragmenten:

  1. Verwenden Sie den Navigationsbaum oder klicken Sie direkt auf Elemente im Editor, um jede übergeordnete Struktur oder Spalte innerhalb Ihres Fragments auszuwählen. Auf diese Weise können Sie ausgeblendete Abstände oder Ränder finden, die speziell für Mobilgeräte gelten.

  2. Nachdem Sie das Element im Breadcrumb ausgewählt haben, navigieren Sie auf der rechten Seite zur Registerkarte Stile.

  3. Überprüfen Sie die Einstellungen für Abstände und entfernen Sie die Abstände nach Bedarf oder passen Sie sie an, um eine korrekte Ausrichtung auf Mobilgeräten zu erreichen.

  4. Wenn bei der Wiederverwendung von Fragmenten weiterhin Ausrichtungsprobleme auftreten, wiederholen Sie diesen Vorgang für andere Spalten oder Textkomponenten innerhalb des Fragments.

NOTE
Dieses Verhalten tritt in der Regel auf, wenn Fragmente wiederholt eingefügt und entfernt werden, da sich Stilregeln akkumulieren können. Überprüfen Sie die Abstandswerte immer mithilfe der Breadcrumb-Navigation, insbesondere für Mobilgeräte.
recommendation-more-help
journey-optimizer-help