3 ¹/₂ Jahre ist es her, dass Bert Bos vom W3C auf dem 22C3, dem 22. Chaos Communication Congress in Berlin, einen Ausblick auf CSS-Techniken der Zukunft gab. Mit CSS3-Proposals nehmen diese Ausblicke nun Gestalt an: Sog. Multi-Column Layouts sollen in der CSS3-Zukunft ganz einfach realisierbar sein!

CSS3 wird noch nicht von allen gängigen Browsern unterstützt, aber Gecko- und WebKit-basierte Browser in aktuellen Versionen unterstützen die MultiColumn-Features von CSS3 bereits mit ihren proprietären Prefixen; respektive "-moz" und "-webkit". Ihr könnt also bereits mit diesen Präfixen einen Ausblick auf CSS3 wagen!

Es gibt zwei Möglichkeiten, ein mehrspaltiges Textlayout mit CSS3 zu erzeugen: Basierend auf "column-width" oder "column-count". "column-width" gibt eine genaue Breite jeder einzelnen Spalte vor, während "column-count" aus dem insgesamt verfügbaren Platz des Eltern-Elements errechnet, wie breit jede einzelne Spalte sein darf, damit die angegebene Anzahl X an Spalten auf dem verfügbaren Platz angezeigt werden kann.

Beide Methoden akzeptieren "column-gap" um den Whitespace zwischen den einzelnen Spalten zu definieren - Es gibt jedoch noch keine Möglichkeit, festzulegen, wie überschüssiger Whitespace im Eltern-Element auf die column-gaps verteilt werden soll. Mehr zu allen Optionen für columns findet ihr auf der offiziellen W3C-Seite dazu.

Bert Bos' Ankündigung ging aber noch einen Schritt weiter: Er sprach damals von einer Definierung von Spalten im Muster "aaa", "abc, ""abc" o.ä. und der Möglichkeit, Inhalte ganz einfach einer der vordefinierten Spalten zuzuweisen. Diese Idee sorgte damals bereits für einiges Kiefer-Klappen!

Jetzt ist tatsächlich ein solches Proposal im Rahmen der Entwicklung von CSS3 eingegangen: Beim W3C-Working-Group Treffen in Tokio wurden Bos' Ideen nun erstmals konkret. In einem Stylesheet wird dem body z.B. ein dreispaltiges Layout 'abc' gegeben und Kindelementen wie z.B. div-Containern wird mit "position: a;" fest zugeteilt, wo sie erscheinen sollen.

Dieses Konzept wird in 5-6 Jahren radikal verändern, wie wir Websites erstellen und auf noch längere Sicht sogar deutlich verändern, wie wir über die Inhalte-Verteilung und Website-Aufbau von Sites denken werden!

Mehr zum Slot-Layout Konzept erfahrt Ihr auf css3.info und natürlich der dazugehörigen Working-Draft Website des W3C! Seid Ihr auch so begeistert von der Idee wie ich?

Geschrieben am 16.04.2009