header, footer nicht mehr auf jeder gedruckten Seite

[Linuchs]

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

[Matthias Apsel]

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

[Matthias Apsel]

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

[Matthias Apsel]

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

[TS]

Hello,

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

Glück Auf
Tom vom Berg

[Matthias Apsel]

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

[TS]

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

[Matthias Apsel]

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