TS: CSS und Drucker

Beitrag lesen

Hello,

ich habe mit den Angaben für @media print herumexperimentiert.

       @media print {
          body {
             max-width: 17.0cm;
             font-family: "century gothic", helvetica, sans-serif;
             font-size: 11pt;
             margin-left: 2.0cm;
             margin-right: 2.0cm;
           }

           h2 {
             break-before: page;
           }
       }

      @page {
          margin-left: 2cm;
      }

Font-Size scheint zu funktionieren, die Ränder werden aber ignoriert... Da habe ich beim Druck links jetzt 3cm und rechts ca. 1,5cm. Mit den 17cm für die Breite habe ich auch herumexperimentiert, leider auch ohne Wirkung.

Wie macht man es denn nun richtig?

Hingegen funktioniert break-before ausgezeichnet. Allerdings möchte ich diese Anweisung für die jeweils erste H2 nach einer H1 nicht umgesetzt haben. Was muss ich da schreiben?

Ob das @page da überhaupt eine Wirkung haben könnte? Ich habe es nur kurz ausprobiert - ohne Wirkung - und wieder rausgenommen.

[edit] @page verschoben ins @media print und angepasst. Hat eine Wirkung... Der linke und der rechte Rand stimmen jetzt beim Druck.

Gleich noch eine weitere Frage:
Wie kann ich einen Kopf und einen Fußz auf jeder Druckseite darstellen lassen?
Da gibt es ein Thread in Stackoverflow, aber damit bin ich noch nicht zum Erfolg gekommen.

Glück Auf
Tom vom Berg

--
Es gibt soviel Sonne, nutzen wir sie.
Solar Harz DE S☼nnige Grüße aus dem Oberharz

akzeptierte Antworten