Neuer Versuch. Frage zur Höhe der Elemente.
bearbeitet von
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.“
Neuer Versuch. Frage zur Höhe der Elemente.
bearbeitet von
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.“