Перекрывающийся заголовок на второй странице PDF-файла, созданного с использованием HTMLHtml

Программисты Html
Ответить
Anonymous
 Перекрывающийся заголовок на второй странице PDF-файла, созданного с использованием HTML

Сообщение Anonymous »

Цель: обеспечить поля до 8 см для динамически создаваемого PDF-файла с повторяющимися верхним и нижним колонтитулом на каждой странице.
Текущая проблема: Хотя я могу задать поля для PDF-файла, и содержимое будет правильно выровнено на первой странице, но начиная со второй страницы содержимое тела начинает перекрываться с заголовком страницы,
Страница 2 и за пределами - ПРОБЛЕМА
Изображение

Как это ДОЛЖНО ВЫГЛЯДЕТЬ
Изображение

Что я пробовал:
Пробовал решение в связанных вопросах, таких как: -
Содержимое перекрывается с заголовком на второй странице PDF и заголовки таблиц перекрываются на второй странице при печати/PDF и других, но ни один из них, похоже, не работает.
Код:-

Код: Выделить всё








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: Проблема будет воспроизводиться только в том случае, если поле превышает значение 1,5 см, а также, если для достижения цели возможен какой-либо другой сторонний инструмент или любой другой способ, пожалуйста, поделитесь.
Спасибо!

Подробнее здесь: https://stackoverflow.com/questions/681 ... using-html
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «Html»