Neuer Versuch. Frage zur Höhe der Elemente.

[Matthias Scharwies]

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

ich hatte dir das Anwendungsbeispiel (bitte hier klicken) 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

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