Neu: Holy-Grail-Layout
bearbeitet von
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 eine neues grid aufmachen (der Header hat solch ein „Subgrid“.
eine Möglichkeit wäre:
~~~ CSS
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](https://wiki.selfhtml.org/wiki/CSS/Tutorials/Grid)
Herzliche Grüße
Matthias Scharwies
--
Einfach mal was von der [ToDo-Liste](https://wiki.selfhtml.org/wiki/Kategorie:ToDo) auf die Was-Solls-Liste setzen.“