Nützliche Infos zum Box-Absatz

Der Box-Absatz erlaubt u.a. die mehrspaltige Darstellung von Inhalten. Hierbei werden die in ihm enthaltenen Absätze vertikal über die Anzahl der gewählten Spalten verteilt; der verfügbare Platz hängt dabei von der Anzahl der gewählten Spalten ab.

Spaltenbreiten

Der Box-Absatz nutzt, wie alle Absätze in weblica, 98% des verfügbaren Platzes in der Breite. Die Spalten teilen sich den verfügbaren Platz dabei wie folgt:

Anzahl Spalten
Breite
Breite IE < 9
2
48%
45%
3
32%
30%
4 23% 22%

Randabstand

Alle Spalten haben einen Rand rechts (CSS margin-right), ausser die letzte Spalte. In der aktuellen Version 3.0.0 ist dieser rechte Rand auf  1em gesetzt. Dieser Wert ist problematisch und wird daher in der kommenden Version 3.0.1 auf 2% geändert.

Ausrichtung der Spalten

Die Spalten werden links ausgerichtet (CSS float: left), die letzte Spalte jeweils rechts-bündig  (CSS float: right) für ein ausgewogeners Erscheinungsbild; hierdurch vergrössert sich der horizontale Abstand zwischen der vorletzten und letzten Spalte ein wenig.

Letzte Spalte rutscht nach rechts: Ursache und Lösung

Der Box-Absatz verteilt die vorhandenen Absätze zeilenweise auf die Anzahl der eingestellten Spalten jeweils von links nach rechts. In der letzten Zeile kann es dabei vorkommen, dass der letzte Absatz fälschlicherweise in die letzte Spalte rutscht. Dies geschieht dann, wenn die Zahl der Absätze in der Zeile kleiner als die Zahl der Spalten ist. Es handelt sich um einen Fehler in einer der CSS-Regeln für den Box-Absatz; dieser wird in Version 3.0.1 behoben.

Lösung: Fügen Sie einen zusätzlichen Text-Absatz auf dem betroffenen Box-Absatz ein; dieser Text-Absatz muss keine Inhalt haben.