From 24a3d6234c1a0732f668544e8a77a66e295b283d Mon Sep 17 00:00:00 2001 From: fs Date: Fri, 31 Jul 2026 18:20:14 +0200 Subject: [PATCH] =?UTF-8?q?Druckbogen:=20Falz-Steg=20raus,=20drei=20Seiten?= =?UTF-8?q?=20f=C3=BCllen=20ihre=20Fl=C3=A4che?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Zwei Befunde aus dem Gegenlesen des Hefts, beide gemessen. 1) Die Seiten waren unterschiedlich breit: Umschlagbogen 448,5px, Innenblätter 441px. Ursache war ein Falz-Steg von 2%, den nur die Innenbögen hatten (:nth-child(n+3)). Der Gedanke war richtig — randabfallende Anzeigen stoßen sonst mit 0mm an die Blattmitte — die Umsetzung aber uneinheitlich, und das fiel als "das Programm ist schmaler als das Vorwort drüber" auf. Entfernt zugunsten von "alle Bögen gleich"; die 9,9mm Innenabstand der Seiten halten den Inhalt aus dem Knick. Soll er zurück, dann für alle Bögen. 2) Unter dem Foto der Sportheim-Seite blieb ein weißer Streifen: die Seite war 625,7px hoch in einer 636,4px hohen Fläche. Sie hat wie Vorwort und Termine eine eigene aspect-ratio plus negativen Margin, aber die min-height- Absicherung hatte nur das Vorwort bekommen. Die drei stehen jetzt in EINER Regel, damit eine vierte nicht wieder abdriftet. Nachgemessen: Sportheim 448,5 x 636,4 statt 441 x 625,7, Foto bündig 0/0/0, alle Slots ohne Padding, im gedruckten PDF Bogen 11 unten 0,0mm. Sichtprüfung an Bogen 11: Foto läuft bis an linke und untere Kante. Co-Authored-By: Claude Opus 5 (1M context) Claude-Session: https://claude.ai/code/session_01NzeVVgMCrzCDJAKeLEdKr7 --- public/assets/css/components.css | 46 ++++++++++++++++++-------------- 1 file changed, 26 insertions(+), 20 deletions(-) diff --git a/public/assets/css/components.css b/public/assets/css/components.css index 0ca269c..8954bb3 100644 --- a/public/assets/css/components.css +++ b/public/assets/css/components.css @@ -6072,13 +6072,6 @@ body.is-sz-full .back-to-top { nicht, das erzeugt noch keinen Stacking-Context). */ z-index: 0; aspect-ratio: 148 / 210; - /* Gürtel und Hosenträger: die aspect-ratio gibt der Box eine Fläche, wenn die - Seite keine definite Höhe hat (No-JS-Stapel, Druck). Hat sie eine, füllt - min-height die Seite wirklich aus — 100% plus das doppelte Seiten-Padding, - weil der negative Margin unten genau um diesen Betrag über die Kante geht. - Ohne das entstand ein weißer Streifen unter dem Rasenbild, sobald die Seite - aus irgendeinem Grund höher war als ihr A5-Verhältnis. */ - min-height: calc(100% + var(--space-l) * 2); overflow-y: auto; margin: calc(var(--space-l) * -1); /* cqi statt Space-Token: Selbst-Containment wie das Cover — die Seite @@ -6088,6 +6081,24 @@ body.is-sz-full .back-to-top { text-align: left; } +/* DREI Seiten bringen eine eigene aspect-ratio mit und heben per negativem Margin + das Padding von .stadionzeitung-page auf, damit ihr Foto bis an die Blattkante + läuft: Vorwort, Sportheim und Termine. Alle drei brauchen deshalb dieselbe + Absicherung, und sie steht bewusst in EINER Regel — beim Vorwort allein behoben + fehlte sie den anderen zwei, und die Sportheim-Seite war dadurch 625,7px hoch in + einer 636,4px hohen Seite: 10,7px weißer Streifen unter dem Foto (31.07.2026). + + Wie es wirkt: die aspect-ratio gibt der Box eine Fläche, wenn die Seite keine + definite Höhe hat (No-JS-Stapel, Druck). Hat sie eine, füllt min-height die Seite + wirklich aus — 100% plus das doppelte Seiten-Padding, weil der negative Margin + unten genau um diesen Betrag über die Kante geht. Eine vierte Seite mit diesem + Konstrukt gehört in diesen Selektor, nicht in eine eigene Regel. */ +.stadionzeitung-vorwort, +.stadionzeitung-sportheim, +.stadionzeitung-termine { + min-height: calc(100% + var(--space-l) * 2); +} + /* Vereins-Hero-Bild (dieselbe Quelle wie Startseite/Cover) blendet unten ein — dasselbe Ausklingen wie bei .hero__media, hier aber am unteren Seitenrand: der Fließtext braucht oben die volle Fläche, im leeren Rest darunter darf @@ -7426,19 +7437,14 @@ a.news-feature__link:hover .news-feature__more { justify-content: flex-start; } -/* Falz-Steg auf den Innenbögen (ab Blatt 2): randabfallend gestaltete - Anzeigen stießen sonst mit 0mm an die Blattmitte — beim Falten - verschwindet das im Knick und wirkt, als liefe die Anzeige in die - Nachbarseite. 1% der Bogenbreite ≈ 3mm im Druck; der Umschlagbogen - (erste zwei Seiten) bleibt bewusst bündig, dort ist der Anschnitt - in die Falz Absicht. */ -.stadionzeitung-druck__blatt:nth-child(n+3) .stadionzeitung-druck__slot:first-child { - padding-right: 2%; -} - -.stadionzeitung-druck__blatt:nth-child(n+3) .stadionzeitung-druck__slot:last-child { - padding-left: 2%; -} +/* Hier lag ein Falz-Steg von 2% NUR auf den Innenbögen (`:nth-child(n+3)`), der + Umschlagbogen war bündig. Der Gedanke dahinter war richtig: randabfallende + Anzeigen stoßen sonst mit 0mm an die Blattmitte, was beim Falten im Knick + verschwindet. Die Umsetzung erzeugte aber unterschiedlich breite Seiten — + Umschlag 448,5px, Innenblätter 441px — und genau das fiel im Heft auf + (31.07.2026). Entfernt zugunsten von „alle Bögen gleich, alles randabfallend" + (Beschluss Felix, siehe @page margin: 0 weiter unten). + Falls der Steg je zurück soll: dann für ALLE Bögen, nie nur für einen Teil. */ /* Jede Seite füllt die Blatthöhe in A5-Proportion — Bilder bringen ihr Seitenverhältnis selbst mit (Canva exportiert A5), Live-Seiten bekommen