Boa tarde. Estou tentando imprimir rodapé de forma fixa em todas as páginas. Com o código abaixo eu consigo fazer, porém, acaba sobrescrevendo algumas linhas da tabela. Tentei utilizar @pages mas lendo sobre o assunto descobri que nas versões mais recentes do chrome já não funciona mais.
<style type="text/css" media="print">
table { page-break-inside:auto; margin-bottom: 10px; }
tr { page-break-inside:avoid; page-break-after:auto; }
thead { display:table-header-group }
tfoot { display:table-footer-group }
/* .fixedhh td { height: 50px; } */
div.footer {
display: block;
position: fixed;
bottom: 0;
/* height: 45px; */
}
/* @media print {
div#pages {
display: table-footer-group;
counter-increment: page;
}
div#pages:after {
content:"Página " counter(page);
}
} */
</style>
<div class='footer'>
<label style='font-family:verdana;font-size:10px;font-weight:bold;'>Assinatura: ________________________________________________<br>Por ser verdade, assino e dou fé ao presente documento</label>
<div id='pages' class='pages'></div>
</div>
É um código legado que armazena todo o conteúdo numa tag $html em php e depois imprime na tela. Existe alguma outra alternativa para esse caso? Obrigado pela atenção.