]> juplo.de Git - website/commitdiff
fix: Footer überlagert Artikelende nicht mehr
authorKai Moritz <kai.milan.moritz@googlemail.com>
Sat, 4 Jul 2026 08:25:26 +0000 (08:25 +0000)
committerKai Moritz <kai.milan.moritz@googlemail.com>
Sat, 4 Jul 2026 08:25:26 +0000 (08:25 +0000)
Der absolut positionierte Footer (position: absolute; bottom: 0) war
125,5 px hoch, aber .content hatte nur padding-bottom: 7.1875em (115 px).
Die fehlenden ~10 px wurden vom weißen Footer-Hintergrund überlagert und
verbargen die letzte Zeile langer Artikel.

padding-bottom auf 8.5em (136 px) erhöht, um einen ausreichenden Puffer
gegenüber der tatsächlichen Footer-Höhe zu gewährleisten.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
public/css/screen.css
src/styles/screen/layout.scss

index f0b956014b830e746218626376a6d29e1e538abf..297b45e3ed7c3b7526ab9bd1677f0852be6db1b3 100644 (file)
   }
   :root[data-layout=classic] .content {
     position: relative;
-    padding: 0 0 7.1875em 0; /** Unten: 115px (gemessene Gesamthöhe des Footers - mit Abstand und Margin) */
+    padding: 0 0 8.5em 0; /** Unten: mind. 126px (Höhe des absolut positionierten Footers) + Puffer */
   }
   :root[data-layout=classic] .menu .content,
   :root[data-layout=classic] .nomenu .content {
index 93ef46fa5a9ea8bd2f665cc9ec2d66e3f22eea75..d4ade3bcb2852ce64579c233f258fa54bc2879f4 100644 (file)
@@ -20,7 +20,7 @@ body
 .content
 {
   position: relative;
-  padding: 0 0 7.1875em 0; /** Unten: 115px (gemessene Gesamthöhe des Footers - mit Abstand und Margin) */
+  padding: 0 0 8.5em 0; /** Unten: mind. 126px (Höhe des absolut positionierten Footers) + Puffer */
 }
 .menu .content,
 .nomenu .content