Ausgeklappte Navigation drückt den Footer nach unten
bearbeitet von
@@Bimmelbeule
> Allerdings wird der Footer noch immer weg gedrückt, wenn ich zusätzlich noch "Akzente" oder "Porz" ausklappe…
Weil du `grid-template-rows: auto auto` angegeben hast (in der *compound property*{:@en} `grid-template`), wodurch beide Grid-Zeilen gleich hoch werden.
Wenn du willst, dass die erste Zeile nur so hoch wie nötig ist und die zweite den Rest fausfüllt, musst du `grid-template-rows: auto 1fr` angeben (an den entsprechenden Stellen in `grid-template`).
Solltest du den Footer immer ganz unten haben wollen, dann andersrum: `grid-template-rows: 1fr auto`.
🖖 Живіть довго і процвітайте
{:@uk}
--
*„Im Vergleich mit Elon Musk bei Twitter ist ein Elefant im Porzellanladen eine Ballerina.“*
— @Grantscheam auf Twitter
Ausgeklappte Navigation drückt den Footer nach unten
bearbeitet von
@@Bimmelbeule
> Allerdings wird der Footer noch immer weg gedrückt, wenn ich zusätzlich noch "Akzente" oder "Porz" ausklappe…
Weil du `grid-template-columns: auto auto` angegeben hast (in der *compound property*{:@en} `grid-template`), wodurch beide Grid-Zeilen gleich hoch werden.
Wenn du willst, dass die erste Zeile nur so hoch wie nötig ist und die zweite den Rest fausfüllt, musst du `grid-template-columns: auto 1fr` angeben (an den entsprechenden Stellen in `grid-template`).
Solltest du den Footer immer ganz unten haben wollen, dann andersrum: `grid-template-columns: 1fr auto`.
🖖 Живіть довго і процвітайте
{:@uk}
--
*„Im Vergleich mit Elon Musk bei Twitter ist ein Elefant im Porzellanladen eine Ballerina.“*
— @Grantscheam auf Twitter