Überlappende Kopfzeile auf der zweiten Seite einer mit HTML generierten PDF-Datei ⇐ CSS

[Anonymous]

Ziel: Einem dynamisch generierten PDF mit wiederholten Kopf- und Fußzeilen auf jeder Seite einen Rand von bis zu 8 cm verleihen.
Aktuelles Problem: Obwohl ich dem PDF einen Rand geben kann und der Inhalt auf der ersten Seite richtig ausgerichtet wird, beginnt der Inhalt des Hauptteils ab der zweiten Seite mit der Kopfzeile der Seite zu überlappen,
Seite 2 und darüber hinaus – AUSGABE


Wie es aussehen sollte


Was ich versucht habe:
Ich habe die Lösung bei verwandten Fragen ausprobiert wie:-
Inhalt überschneidet sich mit der Kopfzeile auf der zweiten Seite des PDF und Tabellenüberschriften überlappen sich auf der zweiten Seite beim Drucken/PDF und anderen auch, aber keines davon scheint zu funktionieren.
Code:-

Code: Select all

Document

/* Styles go here */
@media print {
* {
-webkit-print-color-adjust: exact !important;
}
}
* {
font-family: "Mulish", sans-serif;
}
.section-padding {
padding-bottom: 20px;
}
.table > :not(:last-child) > :last-child > * {
border-bottom-color: inherit;
}
strong {
font-weight: 700 !important;
}
.page-header,
.page-header-space {
height: 250px;
}
.page-footer,
.page-footer-space {
height: 100px;
}
.page-footer {
position: fixed;
bottom: 0;
width: 100%;
}
.page-header {
position: fixed;
top: 0mm;
width: 100%;
}
.page {
page-break-after: always;
}
@page {
margin: 5cm;
}
@media print {
thead {
display: table-header-group;
}
tfoot {
display: table-footer-group;
}
body {
margin: 0;
}
table {
page-break-inside: auto;
}
tr,
div {
page-break-inside: avoid;
page-break-after: auto;
}
}





Header
Header
Header
Header
Header
Header
Header
Header
Header
Header
Header
Header
Header

Footer














Main content
Main content
Main content
Main content
Main content
Main content
Main content
Main content
Main content
Main content
Main content
Main content
Main content
Main content
Main content
Main content
Main content
Main content
Main content
Main content
Main content
Main content
Main content
Main content
Main content
Main content
Main content
Main content
Main content
Main content
Main content
Main content
Main content
Main content
Main content
Main content
Main content
Main content
Main content
Main content
Main content
Main content
Main content
Main content
Main content
Main content
Main content
Main content
Main content
Main content
Main content
Main content

PS: Das Problem wäre nur reproduzierbar, wenn der Rand den Wert von 1,5 cm überschreitet, auch wenn ein anderes Tool von Drittanbietern oder eine andere Möglichkeit möglich ist, das Ziel zu erreichen, teilen Sie es uns bitte gerne mit.
Vielen Dank!