Die richtige Größe und die passenden Abstände sind entscheidend für eine übersichtliche und ansprechende Webseite.
Mit dem Smart-Editor können Sie die Höhe von Inhaltsblöcken verändern, die Breite von Elementen anpassen und Abstände zwischen Texten, Bildern und anderen Gestaltungselementen festlegen.
Allerdings können unpassende Einstellungen auch dazu führen, dass Inhalte überlappen, unerwartete Leerflächen entstehen oder die Darstellung auf Smartphones nicht mehr richtig funktioniert.
In dieser Anleitung erfahren Sie, wie Sie Blockgrößen und Abstände einstellen, welche Unterschiede zwischen Innen- und Außenabständen bestehen und wie Sie typische Layoutprobleme beheben.
1. Warum sind Größen und Abstände wichtig?
Eine Webseite besteht nicht nur aus Texten und Bildern. Auch der freie Raum zwischen den einzelnen Elementen beeinflusst, wie übersichtlich und verständlich die Inhalte wirken.
Ein gut gestalteter Inhaltsbereich sollte ausreichend Platz bieten, ohne unnötig große Leerflächen zu erzeugen.
Größen und Abstände beeinflussen beispielsweise:
- die Lesbarkeit von Texten,
- die Anordnung von Bildern und Schaltflächen,
- den Abstand zwischen einzelnen Themenbereichen,
- die Höhe von Inhaltsblöcken,
- die Darstellung auf Smartphones und Tablets.
Tipp: Verwenden Sie möglichst einheitliche Abstände für vergleichbare Inhaltsbereiche. Dadurch entsteht ein ruhiges und zusammenhängendes Erscheinungsbild.
2. Die Größe eines Blocks verstehen
Ein Block nimmt innerhalb Ihrer Webseite einen bestimmten Bereich ein.
Seine Breite erstreckt sich üblicherweise über den vorgesehenen Seitenbereich. Seine Höhe hängt von der Gestaltung und den enthaltenen Elementen ab.
Ein Block mit einer kurzen Überschrift benötigt normalerweise weniger Platz als ein Bereich mit mehreren Textabsätzen, Bildern und Schaltflächen.
Die Blockhöhe
Die Höhe eines Blocks bestimmt, wie viel vertikalen Raum dieser Abschnitt einnimmt.
Im Smart-Editor können Sie die Blockhöhe über die vorgesehenen Größen- und Bearbeitungsfunktionen verändern.
Die Breite des Inhaltsbereichs
Die Breite des gesamten Blocks und die Breite des darin angeordneten Inhalts sind nicht unbedingt identisch.
Ein Block kann sich über die gesamte verfügbare Seitenbreite erstrecken, während Texte und Bilder innerhalb eines schmaleren Inhaltsbereichs angeordnet sind.
Wichtig: Wenn Sie den Platz für Ihre Inhalte verändern möchten, müssen Sie unterscheiden, ob die Blockgröße, die Breite des Inhaltsbereichs oder die Größe eines einzelnen Elements angepasst werden soll.
3. Die Höhe eines Blocks verändern
Wenn ein Inhaltsbereich zu hoch oder zu niedrig erscheint, können Sie seine Höhe anpassen.
Die Höhe direkt im Editor verändern
- Öffnen Sie die gewünschte Seite im Smart-Editor.
- Wählen Sie den betreffenden Block aus.
- Suchen Sie die Größenanpassung am oberen beziehungsweise unteren Rand des Blocks.
- Verändern Sie die Blockhöhe mithilfe der angebotenen Ziehfunktion.
- Kontrollieren Sie die Abstände zu den enthaltenen Elementen.
Während der Größenänderung zeigt der Smart-Editor gegebenenfalls zusätzliche Hilfslinien oder Abstandsangaben an.
Wann sollte ein Block höher sein?
Ein größerer Block kann beispielsweise bei einem großflächigen Begrüßungsbereich mit Hintergrundbild sinnvoll sein.
Auch besonders hervorgehobene Informationen können durch großzügigen freien Raum stärker wirken.
Wann sollte ein Block kleiner sein?
Bei kurzen Texten oder einfachen Hinweisen ist eine übermäßig große Blockhöhe häufig unnötig.
Ein kompakter Inhaltsbereich sorgt dafür, dass Besucher nicht durch große Leerflächen scrollen müssen.
Tipp: Passen Sie die Blockhöhe immer an die tatsächlichen Inhalte an. Eine größere Höhe ist nicht automatisch eine bessere Gestaltung.
4. Feste Höhen und flexible Inhalte unterscheiden
Bei der Gestaltung von Webseiten ist es wichtig, zwischen festgelegten Größen und Bereichen zu unterscheiden, die sich an ihren Inhalt anpassen können.
Feste Höhen
Bei einer festen Höhe wird für einen Bereich eine bestimmte Größe vorgegeben.
Das kann sinnvoll sein, wenn ein bestimmtes Gestaltungsergebnis erreicht werden soll.
Problematisch wird es jedoch, wenn die enthaltenen Elemente später mehr Platz benötigen als ursprünglich vorgesehen.
Mindesthöhen
Eine Mindesthöhe sorgt dafür, dass ein Bereich nicht kleiner als eine bestimmte Größe wird.
Wenn die Gestaltung es erlaubt, kann zusätzlicher Inhalt dennoch mehr Platz beanspruchen.
Inhaltsabhängige Höhen
Bei einer flexiblen Gestaltung richtet sich die benötigte Höhe stärker nach den enthaltenen Elementen.
Das ist besonders bei längeren Texten hilfreich.
Beispiel: Ein Beschreibungstext besteht zunächst aus drei Zeilen. Später wird er auf zehn Zeilen erweitert. Bei einer flexiblen Gestaltung kann sich der benötigte Platz entsprechend vergrößern. Bei ungünstig festgelegten Höhen oder Positionen können dagegen Überlagerungen entstehen.
Wichtig: Auch wenn ein Block scheinbar genügend Platz besitzt, können feste Größen oder frei positionierte Elemente innerhalb des Blocks zu Darstellungsproblemen führen.
5. Was ist der Innenabstand (Padding)?
Der Innenabstand beschreibt den freien Raum zwischen dem Inhalt eines Bereichs und dessen Begrenzung.
Er wird häufig mit dem englischen Begriff Padding bezeichnet.
Stellen Sie sich einen Container mit einer Hintergrundfarbe und einem Beschreibungstext vor.
Ohne ausreichenden Innenabstand könnte der Text unmittelbar am Rand des Containers beginnen.
Mit einem Innenabstand erhält der Text mehr Platz zur Begrenzung.
Die vier Seiten des Innenabstands
Innenabstände können für jede Seite getrennt festgelegt werden:
- Oben: Abstand zwischen dem oberen Rand und dem Inhalt.
- Rechts: Abstand zwischen dem rechten Rand und dem Inhalt.
- Unten: Abstand zwischen dem unteren Rand und dem Inhalt.
- Links: Abstand zwischen dem linken Rand und dem Inhalt.
Innenabstände ändern
- Wählen Sie den gewünschten Block oder Container aus.
- Öffnen Sie die entsprechenden Abstands-Einstellungen.
- Suchen Sie die Werte für den Innenabstand beziehungsweise Padding.
- Verändern Sie den gewünschten Wert.
- Kontrollieren Sie das Ergebnis im Bearbeitungsbereich.
Tipp: Verwenden Sie bei gewöhnlichen Textbereichen möglichst ausreichende Innenabstände. Texte, die unmittelbar an einer Begrenzung stehen, wirken häufig gedrängt.
6. Was ist der Außenabstand (Margin)?
Der Außenabstand wird häufig als Margin bezeichnet.
Er bestimmt den Abstand eines Elements zu seiner Umgebung.
Beispielsweise können Sie damit den Abstand zwischen einer Überschrift und einem darunterliegenden Beschreibungstext verändern.
Außenabstände einzelner Elemente
Texte, Bilder, Schaltflächen und andere Elemente können eigene Außenabstände besitzen.
Diese beeinflussen ihre Position und den Abstand zu anderen Inhalten.
Außenabstände einstellen
- Wählen Sie das gewünschte Element aus.
- Öffnen Sie dessen Eigenschaften.
- Suchen Sie die Einstellungen für Außenabstände beziehungsweise Margins.
- Passen Sie die gewünschten Werte an.
- Prüfen Sie die neue Position im Verhältnis zu den anderen Elementen.
Wichtig: Außenabstände können im Smart-Editor nicht nur für den sichtbaren Abstand zwischen Elementen verwendet werden, sondern auch Einfluss auf deren Position innerhalb eines Layouts haben.
7. Innenabstand und Außenabstand – der Unterschied
Beide Abstandsarten haben unterschiedliche Aufgaben.
Der Innenabstand (Padding) befindet sich innerhalb der Begrenzung eines Elements beziehungsweise Containers.
Der Außenabstand (Margin) beeinflusst den Abstand außerhalb des Elements zu seiner Umgebung.
Ein praktisches Beispiel
Sie erstellen einen farbigen Container mit einer Überschrift, einem Beschreibungstext und einer Schaltfläche.
Der Innenabstand bestimmt, wie weit diese Inhalte von den Rändern des farbigen Containers entfernt sind.
Der Außenabstand der Schaltfläche kann dagegen beeinflussen, wie viel Platz zwischen ihr und dem darüberliegenden Beschreibungstext liegt.
Welchen Abstand sollte ich ändern?
Wenn der gesamte Inhalt zu dicht am Rand eines Containers steht, ist häufig der Innenabstand die richtige Einstellung.
Wenn lediglich zwei einzelne Elemente zu dicht beieinanderliegen, sollten Sie zunächst deren Anordnung und Außenabstände überprüfen.
Tipp: Verändern Sie möglichst die Einstellung, die tatsächlich für das Problem verantwortlich ist. Ein unpassender Außenabstand sollte nicht durch zusätzliche Änderungen an der Blockhöhe ausgeglichen werden.
8. Werte direkt im Eigenschaftenfenster verändern
Der Smart-Editor ermöglicht es, viele Größen und Abstände direkt über das Eigenschaftenfenster anzupassen.
Dazu können Sie Zahlenwerte eingeben oder die vorgesehenen Bedienelemente verwenden.
Einen Wert eingeben
- Wählen Sie den gewünschten Block oder das Element aus.
- Öffnen Sie die passende Einstellung.
- Klicken Sie auf den vorhandenen Zahlenwert.
- Geben Sie den gewünschten Wert ein.
- Übernehmen Sie die Änderung.
Werte mit der Maus verändern
Bei zahlreichen Größen- und Abstandseinstellungen können Werte außerdem durch Ziehen mit der Maus verändert werden.
Bewegen Sie dazu den Mauszeiger über das entsprechende Bedienelement und verwenden Sie die angebotene Ziehfunktion.
Das ermöglicht es, Einstellungen schrittweise zu verändern und das Ergebnis unmittelbar zu beurteilen.
Versteckte Einstellungen beachten
Nicht alle Eigenschaften werden immer gleichzeitig angezeigt.
Bestimmte Abstands- und Positionswerte können sich in zusätzlichen oder eingeklappten Bereichen des Eigenschaftenfensters befinden.
Wichtig: Wenn Sie eine bestimmte Einstellung nicht finden, prüfen Sie zunächst die weiteren Bereiche des Eigenschaftenfensters und kontrollieren Sie, ob das richtige Element ausgewählt wurde.
9. Die Breite des Inhaltsbereichs verstehen
Bei vielen Webseiten erstreckt sich der Hintergrund eines Blocks über die gesamte Browserbreite.
Die eigentlichen Texte und Bilder werden jedoch innerhalb eines begrenzten Inhaltsbereichs angeordnet.
Dadurch bleiben die Inhalte auch auf großen Monitoren übersichtlich.
Der Inhaltsbereich
Der Inhaltsbereich wird im Smart-Editor durch entsprechende Hilfslinien beziehungsweise Begrenzungen kenntlich gemacht.
Er dient dazu, Texte, Bilder und andere Elemente innerhalb der vorgesehenen Seitenbreite auszurichten.
Warum nicht die gesamte Breite verwenden?
Sehr lange Textzeilen sind häufig schwieriger zu lesen.
Ein begrenzter Inhaltsbereich sorgt dafür, dass die Texte auch auf großen Bildschirmen eine angenehme Zeilenlänge behalten.
Breite und Bildschirmgröße
Die verfügbare Inhaltsbreite kann sich je nach Bildschirmansicht unterscheiden.
Auf einem Smartphone steht beispielsweise wesentlich weniger Platz zur Verfügung als auf einem großen Desktop-Monitor.
Wichtig: Die Breite des Inhaltsbereichs ist nicht mit den Bildschirmgrößen beziehungsweise Breakpoints gleichzusetzen, bei denen der Smart-Editor zwischen verschiedenen responsiven Ansichten unterscheidet.
10. Abstände innerhalb von Rastern und Containern
Bei mehrspaltigen Layouts werden Inhalte häufig innerhalb von Rastern und Containern angeordnet.
Solche Strukturen besitzen eigene Größen- und Abstandseinstellungen.
Rasterabstände
Ein Raster kann aus mehreren Spalten und Zeilen bestehen.
Die Abstände zwischen den Rasterzellen bestimmen, wie viel Platz zwischen den einzelnen Inhaltsbereichen vorhanden ist.
Innenabstände von Rasterzellen
Die einzelnen Zellen können zusätzliche Innenabstände besitzen.
Diese beeinflussen, wie weit die enthaltenen Elemente von den Zellgrenzen entfernt sind.
Abstände innerhalb von Containern
Auch Container können eigene Innenabstände sowie Elemente mit individuellen Außenabständen enthalten.
Dadurch können mehrere unterschiedliche Einstellungen gemeinsam das sichtbare Ergebnis beeinflussen.
Beispiel: Wenn zwei Texte innerhalb eines Rasters ungewöhnlich weit auseinanderliegen, kann dies am Rasterabstand, am Innenabstand einer Zelle oder an den Außenabständen der Texte liegen.
Tipp: Prüfen Sie bei einem Abstandsproblem zuerst die übergeordnete Layoutstruktur und anschließend die darin enthaltenen Elemente. So finden Sie die Ursache meist schneller.
11. Warum entstehen manchmal riesige Leerflächen?
Eine der häufigsten Schwierigkeiten bei der Gestaltung von Webseiten sind unerwartet große Leerflächen.
Ein Inhaltsblock kann beispielsweise wesentlich höher erscheinen, als es die vorhandenen Texte und Bilder eigentlich erfordern.
Dafür kommen mehrere Ursachen infrage.
Eine zu große Blockhöhe
Der Block besitzt möglicherweise eine Höhe oder Mindesthöhe, die für die enthaltenen Elemente nicht benötigt wird.
Große Innenabstände
Ein hoher oberer oder unterer Innenabstand kann den Inhaltsbereich vergrößern.
Ungewöhnliche Außenabstände
Ein einzelnes Element kann einen großen Abstand zu seiner Umgebung besitzen und dadurch die Anordnung beeinflussen.
Ein nicht passend angeordneter Container
Auch ein Container oder Raster innerhalb des Blocks kann zusätzlichen Platz beanspruchen.
Unterschiedliche responsive Einstellungen
Eine Größe oder ein Abstand kann für eine bestimmte Bildschirmansicht angepasst worden sein und in einer anderen Ansicht zu einem unerwünschten Ergebnis führen.
Wichtig: Vergrößern oder verkleinern Sie nicht wahllos die Blockhöhe, wenn eine Leerfläche entsteht. Prüfen Sie zunächst, wodurch der zusätzliche Platz verursacht wird.
12. Negative Außenabstände verstehen
Außenabstände müssen nicht immer positive Werte besitzen.
Bei bestimmten Gestaltungen können auch negative Werte verwendet werden.
Ein negativer Außenabstand kann dazu führen, dass sich ein Element in Richtung eines anderen Bereichs verschiebt oder mit anderen Elementen überlappt.
Wann können negative Werte sinnvoll sein?
Negative Außenabstände können beispielsweise verwendet werden, wenn ein Bild oder ein dekoratives Element bewusst über die Begrenzung eines anderen Bereichs hinausragen soll.
Wann entstehen Probleme?
Wenn negative Abstände unbeabsichtigt entstehen oder in einer anderen Bildschirmansicht nicht mehr zur Gestaltung passen, können sich Elemente überlagern.
Besonders problematisch sind sehr große negative Werte.
Negative Außenabstände überprüfen
- Wählen Sie das auffällige Element aus.
- Öffnen Sie dessen Positions- und Abstandseinstellungen.
- Überprüfen Sie alle vier Außenabstände.
- Achten Sie besonders auf ungewöhnlich große negative Werte.
- Verändern Sie bei Bedarf den betreffenden Wert.
- Kontrollieren Sie anschließend auch die übrigen Bildschirmansichten.
Wichtig: Negative Außenabstände sind nicht grundsätzlich falsch. Sie sollten jedoch bewusst eingesetzt werden und auf allen relevanten Bildschirmgrößen das gewünschte Ergebnis liefern.
13. Wenn Inhalte über den nächsten Block hinausragen
Manchmal werden Texte, Bilder oder andere Elemente nicht vollständig innerhalb ihres vorgesehenen Inhaltsbereichs angezeigt.
Sie können beispielsweise über den unteren Blockrand hinausragen oder sich mit einem nachfolgenden Abschnitt überschneiden.
Das kann verschiedene Ursachen haben.
Der Block bietet nicht genügend Platz
Prüfen Sie, ob die enthaltenen Elemente mehr Höhe benötigen, als der Block bereitstellt.
Elemente sind frei positioniert
Frei angeordnete Elemente beeinflussen die benötigte Höhe eines übergeordneten Bereichs möglicherweise anders als gewöhnlich im Layout angeordnete Inhalte.
Ein Container besitzt unpassende Größen
Prüfen Sie, ob ein enthaltener Container oder ein Raster die benötigte Höhe bereitstellt.
Ungewöhnliche Außenabstände
Auch große positive oder negative Außenabstände können die sichtbare Position einzelner Elemente beeinflussen.
Die Ursache systematisch finden
- Wählen Sie den betroffenen Block aus.
- Kontrollieren Sie seine Höhe und die vorhandenen Abstände.
- Öffnen Sie die Ebenenansicht.
- Untersuchen Sie die enthaltenen Container und Raster.
- Prüfen Sie die Positions- und Abstandseinstellungen auffälliger Elemente.
- Korrigieren Sie die tatsächlich verantwortliche Einstellung.
- Kontrollieren Sie das Ergebnis in der Vorschau beziehungsweise auf der veröffentlichten Webseite.
Tipp: Ändern Sie möglichst nur eine Einstellung nach der anderen. Dadurch lässt sich leichter erkennen, welche Änderung das Problem tatsächlich behoben hat.
14. Größen und Abstände in responsiven Ansichten
Der Smart-Editor bietet verschiedene Ansichten für unterschiedliche Bildschirmgrößen.
Damit können Sie Ihre Gestaltung an große Monitore, Tablets und Smartphones anpassen.
Größen und Abstände spielen dabei eine besonders wichtige Rolle.
Große Bildschirme
Auf großen Bildschirmen steht häufig genügend Platz für großzügige Abstände und mehrspaltige Layouts zur Verfügung.
Tablets
Auf Tablets wird der verfügbare Platz geringer.
Dadurch können kleinere Abstände oder eine veränderte Anordnung sinnvoll sein.
Smartphones
Auf Smartphones ist der Platz besonders begrenzt.
Zu große Innenabstände können beispielsweise dazu führen, dass für den eigentlichen Text nur noch wenig Breite übrig bleibt.
Änderungen zwischen Bildschirmansichten
Der Smart-Editor ermöglicht es, bestimmte Eigenschaften für verschiedene Bildschirmansichten anzupassen.
Dabei können Einstellungen aus größeren Ansichten auf kleinere Ansichten wirken, solange dort keine abweichenden Werte festgelegt wurden.
Wichtig: Eine Änderung in einer Bildschirmansicht sollte nicht isoliert betrachtet werden. Prüfen Sie nach größeren Anpassungen immer auch die Darstellung in den anderen Ansichten.
15. Abstandsprobleme auf Smartphones beheben
Ein Layout, das auf einem großen Monitor gut aussieht, kann auf einem Smartphone ungewöhnliche Abstände oder überlagerte Elemente aufweisen.
Solche Probleme sollten Sie möglichst gezielt beheben.
Zu große seitliche Abstände
Wenn der eigentliche Inhalt nur noch sehr wenig Platz besitzt, prüfen Sie die linken und rechten Innenabstände des Blocks beziehungsweise Containers.
Zu große vertikale Abstände
Prüfen Sie die Blockhöhe, die oberen und unteren Innenabstände sowie die Außenabstände der enthaltenen Elemente.
Überlagerte Texte
Kontrollieren Sie die Positionierung der betreffenden Elemente und die Größe ihrer übergeordneten Container.
Ein Bild überlappt den nächsten Block
Prüfen Sie, ob das Bild frei positioniert ist, ob seine Größe zur verfügbaren Breite passt und ob der übergeordnete Bereich ausreichend Platz besitzt.
So gehen Sie vor
- Wechseln Sie zur betroffenen Smartphone-Ansicht.
- Wählen Sie das fehlerhaft dargestellte Element aus.
- Überprüfen Sie seine Größe und Position.
- Kontrollieren Sie die Innen- und Außenabstände.
- Untersuchen Sie gegebenenfalls den übergeordneten Container.
- Nehmen Sie eine gezielte Änderung vor.
- Prüfen Sie das Ergebnis auch auf anderen Bildschirmgrößen.
Tipp: Wenn ein komplexes Layout auf Smartphones immer wieder Probleme verursacht, kann es sinnvoll sein, die Anordnung der Elemente grundlegend zu vereinfachen, anstatt zahlreiche zusätzliche Abstandsänderungen vorzunehmen.
16. Die tatsächliche Darstellung im Browser überprüfen
Die grafische Bearbeitungsansicht des Smart-Editors hilft Ihnen dabei, Größen und Abstände direkt zu verändern.
Das endgültige Ergebnis sollten Sie jedoch zusätzlich auf der veröffentlichten Webseite kontrollieren.
Das ist insbesondere bei komplexeren Layouts wichtig.
Die Seite im Frontend öffnen
- Speichern Sie Ihre Änderungen im Smart-Editor.
- Öffnen Sie die betreffende Seite in einem neuen Browser-Tab.
- Kontrollieren Sie die Größe und Position der Inhaltsbereiche.
- Prüfen Sie die Übergänge zwischen den Blöcken.
- Verändern Sie bei Bedarf die Browserfensterbreite.
- Kontrollieren Sie das Ergebnis zusätzlich auf einem Smartphone.
Warum kann das Frontend anders aussehen?
Die tatsächliche Darstellung wird vom Browser und den verwendeten Layoutregeln bestimmt.
Bei komplexen Gestaltungen können beispielsweise verschachtelte Container, frei positionierte Elemente und individuelle Größeneinstellungen zusammenwirken.
Auch zusätzliche Joomla-Module oder eigene CSS-Anpassungen können Einfluss auf die Darstellung haben.
Wichtig: Wenn ein Bereich im Editor richtig aussieht, aber auf der veröffentlichten Webseite überlappt oder verschoben erscheint, sollten Sie das Problem anhand der tatsächlichen Layoutstruktur untersuchen.
17. Häufige Fehler bei Größen und Abständen vermeiden
Die folgenden Empfehlungen helfen Ihnen, typische Gestaltungsprobleme zu vermeiden:
- Feste Höhen bewusst einsetzen: Längere oder veränderliche Inhalte benötigen möglicherweise zusätzlichen Platz.
- Innen- und Außenabstände unterscheiden: Verwenden Sie die Einstellung, die tatsächlich zum gewünschten Ergebnis führt.
- Übergeordnete Elemente prüfen: Ein ungewöhnlicher Abstand kann auch durch einen Container oder ein Raster entstehen.
- Negative Werte kontrollieren: Große negative Außenabstände können unbeabsichtigte Überlagerungen verursachen.
- Keine wahllosen Korrekturen: Verändern Sie möglichst nur eine Einstellung nach der anderen.
- Strukturierte Layouts bevorzugen: Raster und Container sind für viele Gestaltungen leichter zu pflegen als vollständig frei positionierte Elemente.
- Responsive Ansichten berücksichtigen: Kontrollieren Sie nach größeren Änderungen auch Smartphones und Tablets.
- Frontend überprüfen: Die tatsächliche Browserdarstellung ist entscheidend für das Ergebnis.
- Regelmäßig speichern: Sichern Sie abgeschlossene Bearbeitungsschritte.
18. Wie geht es weiter?
Sie wissen jetzt, wie Sie die Größe von Inhaltsblöcken verändern, Innen- und Außenabstände einstellen und typische Layoutprobleme erkennen können.
Besonders wichtig ist die Unterscheidung zwischen Blockgröße, Containergröße und den individuellen Abständen einzelner Elemente.
Wenn Sie diese Zusammenhänge verstehen, lassen sich auch komplexere Gestaltungen leichter kontrollieren und an unterschiedliche Bildschirmgrößen anpassen.
In den nächsten Anleitungen beschäftigen wir uns weiter mit der Gestaltung und Struktur von Inhaltsbereichen.
Als Nächstes empfehlen wir Ihnen die Anleitung „Container und Gruppen verwenden“. Dort erfahren Sie, wie Sie mehrere Elemente zu gemeinsamen Gestaltungseinheiten zusammenfassen und dadurch übersichtlichere Layouts erstellen können.