4-Spalten-Gridbuilder (CSS)

Gitter- bzw. Rastersysteme sind im Printbereich ein nicht wegzudenkendes Werkzeug, um Inhalte flexibel in Spalten aufzuteilen.
Projekte, wie das 960-Pixel-Grid, haben dies auf das Web übertragen. Doch immer 960-Pixel sind eine ziemlich harte Vorgabe!

Je nach Layout ist der Content-Bereich unterschiedlich breit und entsprechend auch die Grid-Spalten.
Da gibt es doch schon dutzende von Tools zum Berechnen der Spaltenbreiten ... ja aber ...

• Wir wollten die Berechnung ausgehend von der Content-Breite, nicht wie meist verwendet, von der kleinsten Spaltenbreite abhängig machen.
• Wir wollten 38% und 62% Spalten haben, denn der goldene Schnitt ist "besonders toll".
• Wir wollten ein Pixel-Grid und kein prozentuales System, da sich sonst Rundungsfehler ergeben.
  Unser System schlägt die nächstgrößere bzw. kleinere Content-Breite vor, falls es mal nicht aufgeht.
• Und natürlich wollten wir das Ganze auf Contao zugeschnitten.

Testen Sie selbst