CSS3 Grid Layout: Webseiten-Layout wie bei Zeitungen

Insgesamt sind also sechs logische Spalten plus zwei Abstände definiert, wobei zwei Gitterspalten jeweils eine Textspalte ausmachen. Das Bild wird nun links an der vierten Gitterspalte und unterhalb der ersten Gitterreihe mit "float-offset" positioniert. Dabei orientiert sich die Positionierung an "float". "4gr" steht für vier Grid Units, wobei jede Gittereinheit sich durch den Abstand zwischen zwei Gitterlinien definiert, also die Abstandsangabe 0.5in unter grid-columns mitgezählt wird.

Die grobe Positionierung ist bereits mit %22float%22 möglich. Das Gitter erlaubt hingegen eine präzisere Positionierung von Elementen, die sonst unmöglich wäre, so der Working Draft. Gegenüber Tabellen besteht zudem der Vorteil, dass Änderungen am Layout recht einfach durchzuführen sein sollten.

Mit dem Grid Positioning Module zeigt sich zudem Microsofts Bemühen, an CSS3 aktiv mitzuarbeiten, so dass davon auszugehen ist, dass CSS3 in zukünftigen Versionen des Internet Explorers Einzug finden wird. Die Autoren des Arbeitsentwurfs Alex Mogilevsky und Markus Mielke sind beide für den Konzern aus Redmond tätig.

Da sich alle Empfehlungen für erweiterte Layouts noch im Entwurfsstadium befinden, ist die Benutzung der CSS3-Techniken in nächster Zeit noch nicht möglich. Das W3C empfiehlt die Nutzung von CSS3 erst ab dem Status einer Candidate Recommendation (CR). Vor diesem befindet sich jedoch erst der Last Call bzw. eventuell weitere Working Drafts. Das W3C verweist zudem auf die Media Queries, da das Grid Layout sich nicht unbedingt für jeden Fall eignet.

Die experimentelle Nutzung ist bei einigen Browsern vereinzelt vorher möglich. Die meisten Browser unterstützen etwa experimentelle CSS-Eigenschaften, die mit dem Präfix "-o-" für Opera, "-moz-" für Gecko oder "-webkit-" für Webkit-Browser versehen sind. Von der allgemeinen Nutzung ist jedoch abzuraten, da die Module noch geändert werden können und teilweise voneinander abhängig sind.