Lothar „BlogPimp“ Baier ist ein gefragter WordPress-Profi, Web-Frontend-Entwickler und Web-Standardista. Er hat GridEasy verbrochen.
Geschachtelte Raster Die Raster von GridEasy kann man beliebig ineinander verschachteln. Dabei muss man allerdings zwei Dinge beachten:
Erstens kann man nur das in ein Raster hineinpacken, was auch hineinpasst. Ansonsten bricht das ganze Layout auseinander. In ein „raster-04-4“ passen zum Beispiel zwei „raster-04-2“ oder ein „raster-04-2 und zwei „raster-04-1“. Versuche ich zwei „raster-04-3“ in ein „raster-04-4“ zu packen, dann bekomme ich ein spannendes Layout.
Zweitens muss ich beachten, das jedes einzelne Raster ein linkes und rechtes Margin von jeweils 10 Pixel hat. Damit beim verschachteln die Margins sich nicht addieren, muss dem ersten inneren Element die zusätzliche Klasse „links“ zugewiesen werden, dem letzten inneren Element die Klasse „rechts“. Beispiel:
1 2 3 4 5 | <div class="raster-04-4" <div class="raster-04-2 links">xxx</div> <div class="raster-04-1">yyy</div> <div class="raster-04-1 rechts">zzz</div> </div> |