Zweispaltige Inhalte mit CSS3 (experimentell!)

Mit CSS3 ist ein mehrspaltiges Layout für einzelne Inhaltselemente oder auch einzelne HTML-Block-Elemente mit einer einzigen CSS-Deklaration möglich. Dafür wurde mit CSS3 die Stil-Klasse zwei_spaltig vereinbart und für die HTML-Block-Elemente div und p im RTE zur Verfügung gestellt.

Der nächste Abschnitt wird zweispaltig dargestellt, indem für diesen Abschnitt der Blockstil zwei_spaltig angewendet wurde.

Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquid ex ea commodi consequat. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Im nachfolgenden Kapitel wird erläutert, wie zweispaltige Inhalte in Typo3 vereinbart werden können.

Vorteil

Das zweispaltige Layout eines Abschnittes lässt sich im RTE bzw. in der Konfiguration eines Inhaltselementes mit einem einfachen "Klick" vereinbaren.

Nachteil

CSS3 wird noch nicht von allen Browsern vollständig umgesetzt. Insbesondere ältere Browser und alle Internet Explorer kleiner als Version 10 unterstützen mehrspaltiges CSS3-Layout nicht. In diesen Browsern wird der obige Abschnitt einspaltig dargestellt.

Links zum Thema