Linuchs: header, footer nicht mehr auf jeder gedruckten Seite

Moin,

nach langer Zeit wollte ich mal wieder ein HTML-Dokument drucken, das den header und footer tag enthält.

Zu meiner Überraschung wurden diese beiden nicht wie früher auf jeder Seite gedruckt, sondern nur je einmal am Anfang und Ende des Dokuments.

Ist das ein Bug vom Firefox 70.0.1 oder hat sich die Definition von header und footer geändert?

Welchen Sinn machen diese tags dann noch?

Gruß, Linuchs

  1. Hallo Linuchs,

    nach langer Zeit wollte ich mal wieder ein HTML-Dokument drucken, das den header und footer tag enthält.

    Element.

    Zu meiner Überraschung wurden diese beiden nicht wie früher auf jeder Seite gedruckt, sondern nur je einmal am Anfang und Ende des Dokuments.

    Ja, das kann ich bestätigen.

    Welchen Sinn machen diese tags dann noch?

    Elemente. Und Sinn ergeben. 😉

    HTML ist eben nicht vordergründig zum Ausdrucken gedacht. Insbesondere sind header- und footer-Element nicht mit Kopf- und Fußzeile eines Worddokuments gleichzusetzen.

    Das header-Element enthält den sichtbaren Kopfbereich (Singular!) einer Webseite (oder eines Teils einer Seite). Dabei soll es einleitende Inhalte gruppieren, etwa Firmenlogos, ein Motto, Links zum Impressum oder zur Kontaktseite.

    Dasselbe gilt für den (Seiten-)footer, der auch ganz schön umfangreich sein kann (https://www.usabilityblog.de/fat-footer-den-fussteil-der-seite-effektiv-nutzen/).

    Wenn du das auf jede Seite druckst, hast du für den Inhalt keinen Platz mehr.

    Bis demnächst
    Matthias

    --
    Du kannst das Projekt SELFHTML unterstützen,
    indem du bei Amazon-Einkäufen Amazon smile (Was ist das?) nutzt.
  2. Hallo Linuchs,

    dein Ziel erreichst du mit

    @media print {
      header {
        position: fixed;
        top: 0;
      }
      footer {
        position: fixed;
        bottom: 0;
      }
    }
    

    Allerdings dürften dann header und footer über dem Inhalt liegen, was auch nicht schön ist.

    Bis demnächst
    Matthias

    --
    Du kannst das Projekt SELFHTML unterstützen,
    indem du bei Amazon-Einkäufen Amazon smile (Was ist das?) nutzt.
    1. Hallo Matthias Apsel,

      Allerdings dürften dann header und footer über dem Inhalt liegen, was auch nicht schön ist.

      @media print {
        header {
          position: fixed;
          top: 0;
        }
        footer {
          position: fixed;
          bottom: 0;
        }
        main {
          margin: /* */
          box-decoration-break: clone;
        }
      }
      

      Bis demnächst
      Matthias

      --
      Du kannst das Projekt SELFHTML unterstützen,
      indem du bei Amazon-Einkäufen Amazon smile (Was ist das?) nutzt.
  3. Hello,

    hast Du mal ausprobiert, ob stattdessen @page inzwischen funktioniert?

    Glück Auf
    Tom vom Berg

    --
    Es gibt nichts Gutes, außer man tut es!
    Das Leben selbst ist der Sinn.
    1. Hallo TS,

      hast Du mal ausprobiert, ob stattdessen @page inzwischen funktioniert?

      So zumindest nicht:

      @page {
        margin: 10%;
        @top-center {
          content: "header";
        }
        @bottom-center {
          content: "footer";
        }
      }
      

      Kommt mehrfach in https://www.w3.org/TR/css-page-3/ vor.

      Bis demnächst
      Matthias

      --
      Du kannst das Projekt SELFHTML unterstützen,
      indem du bei Amazon-Einkäufen Amazon smile (Was ist das?) nutzt.
      1. Hello,

        hast Du mal ausprobiert, ob stattdessen @page inzwischen funktioniert?

        So zumindest nicht:

        @page {
          margin: 10%;
          @top-center {
            content: "header";
          }
          @bottom-center {
            content: "footer";
          }
        }
        

        Kommt mehrfach in https://www.w3.org/TR/css-page-3/ vor.

        Soweit ich die Beschreibung verstehe, sollte es aber die richtige Abteilung sein, oder? Es sollte eigentlich funktionieren?

        Glück Auf
        Tom vom Berg

        --
        Es gibt nichts Gutes, außer man tut es!
        Das Leben selbst ist der Sinn.
        1. Hallo TS,

          Soweit ich die Beschreibung verstehe, sollte es aber die richtige Abteilung sein, oder? Es sollte eigentlich funktionieren?

          Eigentlich gibts eigentlich gar nicht. Aber ich verstehe das auch so.

          Bis demnächst
          Matthias

          --
          Du kannst das Projekt SELFHTML unterstützen,
          indem du bei Amazon-Einkäufen Amazon smile (Was ist das?) nutzt.