weblica Logo

Box

Der Box-Absatz ist ein Container-Absatz. Er erlaubt es Ihnen, beliebige Absätze als Gruppe zusammen zu fassen und auf Wunsch mehrspaltig darzustellen. Sie können Box-Absätze auch bis zu drei Ebenen ineinander schachteln, um Ihre Inhalte noch flexibler auf einer Seite darzustellen.

Der Box-Absatz akzeptiert alle Absatz-Typen als Element, ausgenommen ist der Referenz-Absatz.

Das Layout: Eins bis vier Spalten

Der Box-Absatz unterstützt eins bis vier Spalten, per Vorgabe ist die Darstellung zweispaltig.

In der Regel verwenden Sie die merhspaltige Darstellung im Hauptinhalt, da die Seitenspalten (linke und rechte Spalte) meist zu schmal für eine mehrspaltige Darstellung sind.

Damit Sie im Hauptinhalt mehr Platz haben, empfiehlt es sich meistens, die rechte Spalte auf der Seite auszuschalten, insbesondere bei Box-Absätzen mit mehr als zwei Spalten und schmalen Designs.

Wie werden die Absätze auf der Seite dargestellt

In der einspaltigen Darstellung ergibt sich visuell kein Unterschied zur direkten Verwendung der Absätze auf der Seite.

Ab zwei Spalten verteilt der Box-Absatz die in ihm enthaltenen Absätze automatisch auf die Anzahl der Spalten von links nach rechts, beginnend mit dem ersten Absatz. Sind alle Spalten einer Zeile gefüllt, beginnt eine neue Zeile, usw. Die einzelnen Zeilen sind dabei stets so hoch wie der höchste Absatz in der Zeile:
Anordnung pro Zeile von Links nach Rechts
Anordnung pro Zeile von Links nach Rechts
Platzmangel und seine Folgen: Was bei zu breiten Inhalten passiert
Je nach gewähltem Design und verfügbarem Platz kann es bei der mehrspaltigen Darstellung passieren, dass der Inhalt eines Absatzes in der Spalte keinen Platz findet; dieses Problem tritt in der Regel bei Elemente mit einer fixen Breite auf, z.B. Videos oder Bilder. Das Ergebnis ist nicht hübsch, da die betroffene Spalte im Browser nach unten rutscht. Dieses Phänomen ist unter dem Namen Float-Drop bekannt.

Ab Version weblica 3.6 tritt dieses Problem deutlich seltener auf, da weblica Bilder so einbindet, dass der Browser sie automatisch auf die tatsächlich verfügbare Grösse anpasst. Das funktioniert in allen aktuellen Browsern.

Sollte es dennoch zu einem Float-Drop kommen, haben Sie folgende Möglichkeiten, das Problem zu beheben:
  • Reduzieren Sie die Zahl der Spalten
  • Verkleinern Sie die Breite des enthaltenen Elements (z.B. ein eingebettetes Video)
  • Schalten Sie die rechte Spalte auf der Seite aus, um mehr Platz für den Hauptinhalt zu erhalten.

Flexible Möglichkeiten

Der Box-Absatz ermöglicht Ihnen flexible Layouts für die Darstellung Ihrer Inhalte, sowohl in der ein- als auch der mehrspaltigen Anzeige. Nachstehend zwei gängige Möglichkeiten:

Mehrspaltige Darstellung mit vertikaler Anordnung zusammengehöriger Absätze

Angenommen Sie möchten thematisch zusammengehörige Absätze untereinander in einer Spalte anzeigen und dabei pro Spalte je ein Thema darstellen.

Die folgende Abbildung zeigt ein Beispiel: jede der drei weblica Editionen steht in einer eigenen Spalte, die jeweils einen Multimedia-Absatz und einen Text-Absatz enthält.
Box geschachtelt: Box mit 3-Spalten enthält für jede Spalte einen weiteren Box-Absatz mit einspaltiger Darstellung
Box geschachtelt: Box mit 3-Spalten enthält für jede Spalte einen weiteren Box-Absatz mit einspaltiger Darstellung

Mehrere Absätze als Gruppe ein und ausklappen

Sie können den Box-Absatz einspaltig verwenden, um die darin enthaltenen Absätze als Ganzes ein- und aus zu klappen. Dies ist auch eine der sinnvollen Verwendungsmöglichkeiten des Box-Absatzs in der linken oder rechten Spalte auf einer Seite.