Neu: Holy-Grail-Layout

[Matthias Scharwies]

Servus!

@alle:

Wenn ich nun in der Fußzeile eine andere Aufteilung möchte, wie mache ich dies?
Im Beispiel steht
footer {
grid-column: 1 / -1;
}

Diese Festlegung gilt nur für das Raster des body-Elements mit seinen direkten Kindelementen.

Wenn ich jetzt dort 4 Bereiche wollte, muss ich dies dan konventionell machen mit divs mit Längenangabe?

Könntest du. Du könntest aber auch ein neues grid aufmachen (der Header hat solch ein „Subgrid“.

Eine Möglichkeit wäre:

footer {  
  grid-column: 1 / -1;  /* gilt für das Raster, in dem sich das footer-Element befindet */
  display: grid;  /* macht Grid auf */
  grid-template-columns: repeat(4, 1fr); /* teilt footer in 4 Spalten */
}  

Probier halt mal rum.

Hier das dazugehörende Tutorial: CSS/Tutorials/Grid

Herzliche Grüße

Matthias Scharwies