Hallo Ingo, >> `grid-template-rows: auto 1fr 1fr auto` scheint mir da deutlich sinnvoller. > Ich habe das jetzt mal so eingebaut. Code siehe unten. >> Das ist ein Use case für Grid Layout: [CSS/Tutorials/Grid/Grid-Items#Anwendungsbeispiele](https://wiki.selfhtml.org/wiki/CSS/Tutorials/Grid/Grid-Items#Anwendungsbeispiele) ich hatte dir das Anwendungsbeispiel (bitte [hier klicken)](https://wiki.selfhtml.org/extensions/Selfhtml/example.php/Beispiel:CSS-grid-layout-fix-footer.html) verlinkt. Das hat eine andere HTML-Struktur mit mehreren Kindelementen (neben dem main noch 2 aside). Deshalb hat das Beispiel 3 Spalten und das main ist 2 Felder hoch. >Aber da kommt dann leider was ganz anderes heraus als gewollt. Schau hier: [https://spaceart.de/_xxx3.php](https://spaceart.de/_xxx3.php) >In der Zeile >grid-template-columns: 1fr 3fr 1fr; >sind doch jetzt auch 3 Spalten im Grid, oder nicht? Ich brauche doch nur eine Spalte. Ja! Probier's doch mal aus. > Oder verstehe ich das falsch? > >Müsste die Zeile nicht wie folgt aussehen? >grid-template-columns: 1fr; Untersuche Deine Webseite mit dem Seiteninspektor. Und probiere aus! 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.“

Hallo Ingo, >> `grid-template-rows: auto 1fr 1fr auto` scheint mir da deutlich sinnvoller. > Ich habe das jetzt mal so eingebaut. Code siehe unten. >> Das ist ein Use case für Grid Layout: [CSS/Tutorials/Grid/Grid-Items#Anwendungsbeispiele](https://wiki.selfhtml.org/wiki/CSS/Tutorials/Grid/Grid-Items#Anwendungsbeispiele) ich hatte dir das Anwendungsbeispiel (bitte [hier klicken)](https://wiki.selfhtml.org/extensions/Selfhtml/example.php/Beispiel:CSS-grid-layout-fix-footer.html) verlinkt. Das hat eine andere HTML-Struktur mit mehreren Kindelementen (neben dem main noch 2 aside). Deshalb hat das Beispiel 3 Spalten und das main ist 2 Felder hoch. >Aber da kommt dann leider was ganz anderes heraus als gewollt. Schau hier: [https://spaceart.de/_xxx3.php](https://spaceart.de/_xxx3.php) >In der Zeile >grid-template-columns: 1fr 3fr 1fr; >sind doch jetzt auch 3 Spalten im Grid, oder nicht? Ich brauche doch nur eine Spalte. Oder verstehe ich das falsch? Ja! Probier's doch mal aus: >Müsste die Zeile nicht wie folgt aussehen? >grid-template-columns: 1fr; Untersuche Deine Webseite mit dem Seiteninspektor. Und probiere aus! 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.“

Hallo Ingo, >> `grid-template-rows: auto 1fr 1fr auto` scheint mir da deutlich sinnvoller. > Ich habe das jetzt mal so eingebaut. Code siehe unten. >> Das ist ein Use case für Grid Layout: [CSS/Tutorials/Grid/Grid-Items#Anwendungsbeispiele](https://wiki.selfhtml.org/wiki/CSS/Tutorials/Grid/Grid-Items#Anwendungsbeispiele) ich hatte dir das Anwendungsbeispiel verlinkt. Das hat eine andere HTML-Struktur mit mehreren Kindelementen (neben dem main noch 2 aside). Deshalb hat das Beispiel 3 Spalten und das main ist 2 Felder hoch. >Aber da kommt dann leider was ganz anderes heraus als gewollt. Schau hier: [https://spaceart.de/_xxx3.php](https://spaceart.de/_xxx3.php) >In der Zeile >grid-template-columns: 1fr 3fr 1fr; >sind doch jetzt auch 3 Spalten im Grid, oder nicht? Ich brauche doch nur eine Spalte. Oder verstehe ich das falsch? Ja! Probier's doch mal aus: >Müsste die Zeile nicht wie folgt aussehen? >grid-template-columns: 1fr; Untersuche Deine Webseite mit dem Seiteninspektor. Und probiere aus! 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.“