Unter dem einblendenden Rasenbild blieb ein weißer Streifen, responsiv wurde er größer. Gemessen bei 390px Viewport: Seite 559px hoch, Vorwort 515px — 44px Lücke. Ursache lag nicht am Vorwort, sondern an der Seite: .stadionzeitung-viewer__page ist display:flex, und der Flex-Default align-items:stretch streckt die Seite auf die Höhe der Flex-Zeile und übersteuert ihre aspect-ratio. Die Seite war damit gar kein A5 mehr (559/363 statt 210/148) — das betraf ALLE Seiten, sichtbar wurde es nur beim Vorwort, weil dort ein Bild die Blattkante erreichen muss. align-items: center behebt es an der Wurzel: alle Seiten sind wieder exakt A5, Lücke 0px. Zusätzlich bekommt das Vorwort min-height: calc(100% + 2x Padding) als Absicherung — die aspect-ratio trägt weiter, wenn die Seite keine definite Höhe hat (No-JS-Stapel, Druck), die min-height füllt sie, wenn sie eine hat. Gemessen vorher/nachher, Desktop-Viewer per Screenshot gegengeprüft. Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01NzeVVgMCrzCDJAKeLEdKr7
220 KiB
220 KiB