Fix: horizontales Wegwisch-Scrollen auf schmalen Bildschirmen (Handy) behoben

Tagescheck-Fund: overflow-x:hidden war nur auf <body> gesetzt, das tatsächliche Scroll-Element im Standards-Modus ist aber <html>. Dadurch ließ sich die Seite auf Handy-Breiten (320-414px, z.B. iPhone SE/12/13/14) ca. 50px horizontal wegwischen und zeigte Leerraum hinter den absichtlich überbreiten Deko-Elementen (Nebel-Partikel, Aurora-Hintergrund auf der Startseite). Betraf vermutlich schon länger alle Seiten, nicht nur die heutigen Änderungen. Fix: overflow-x:hidden zusätzlich auf <html>.
2026-08-02 21:02:06 +02:00
parent fa7c644917
commit a3c4167bdb
1 changed files with 7 additions and 0 deletions
@@ -7,6 +7,13 @@

 /* ---------- Reset ---------- */
 *, *::before, *::after { box-sizing: border-box; }
+/* overflow-x:hidden gehört auf BEIDE Elemente: <html> ist im Standards-Modus
+   das tatsächliche Scroll-Element des Dokuments, nicht <body> — nur auf body
+   gesetzt, ließ sich die Seite auf schmalen Bildschirmen (Handy-Breiten wie
+   320-414px) trotzdem ca. 50px horizontal wegwischen und zeigte Leerraum
+   hinter den absichtlich überbreiten Deko-Elementen (Nebel/Aurora-Hintergrund).
+   Tagescheck-Fund vom 02.08.2026, siehe DogFather Website.md. */
+html { overflow-x: hidden; }
 html, body { margin: 0; padding: 0; }
 img, svg { max-width: 100%; display: block; }
 a { color: inherit; text-decoration: none; }