Django: Как я могу удалить белое пространство между фоновым изображением и начальной страницей, также появляется номер страницы (Страница неопределенная из неопределенных)
Я все еще изучаю Django и использование wkhtml2pdf и мне нужна помощь, пожалуйста, я искал и пробовал много решений, но они не работают со мной, я хочу установить фоновое изображение и номер страницы в нижнем колонтитуле (я использую библиотеку wkhtml2pdf):
Здесь код
<!doctype html>
<html lang="en">
<head>
<style type="text/css">
body{
background-image: url('data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEBLAEsAAD/...');
margin:0px;
background-size: cover;
background-position: left top;
padding-top:0px;
max-height: max-content;
}
#divb
{
font-size: 12px;
font-family: Arial;
}
div.footer {
display: block; text-align: center;
position: running(footer);
@page {
@bottom-center { content: element(footer) }
}
}
</style>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body style="border:0; margin: 0;">
<div id="divb">
<p><strong>Materials :</strong> {{ materiel }}</p>
.........(the rest of calling the data)
</div>
<div class='footer'>
Page <span id='page'></span> of
<span id='topage'></span>
<script>
var vars={};
var x=window.location.search.substring(1).split('&');
for (var i in x) {
var z=x[i].split('=',2);
vars[z[0]] = unescape(z[1]);
}
document.getElementById('page').innerHTML = vars.page;
document.getElementById('topage').innerHTML = vars.topage;
</script>
</div>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/js/bootstrap.bundle.min.js" integrity="sha384-gtEjrD/SeCtmISkJkNUaaKMoLD0//ElJ19smozuHV6z3Iehds+3Ulb9Bn9Plx0x4" crossorigin="anonymous"></script>
<script>
window.load = function() {
window.status = 'render-pdf';
};
</script>
</body>
</html>
и вот результат :
это было white space between the background image and the origin page, также номер страницы появляется (Страница не определена из неопределенных), Как я могу настроить фон-изображение правильно, чтобы заполнить всю страницу без белого пространства, также что не так с номером страницы в нижнем колонтитуле.
посмотрите, пожалуйста, снимок экрана.
введите описание изображения здесь
.Заранее спасибо всем присутствующим здесь.