Comment placer un pied de page au bas de la DERNIÈRE page lorsqu'il y a des données dynamiques dans le corps de la page ?

Question

J'essaie de créer un rapport dont le pied de page doit être placé au bas de la dernière page. Le corps du rapport se charge dynamiquement en fonction du nombre d'enregistrements renvoyés par la base de données. Le rapport peut compter une page ou plus.

J'ai essayé d'utiliser un pied de page collant, ce qui est correct pour la visualisation du HTML sur le site web, mais lorsque la longueur du rapport est supérieure à une page et lors de la visualisation de l'écran d'aperçu avant impression, le pied de page se superpose au corps du rapport et le pied de page reste sur la première page au lieu de se déplacer vers la dernière page.

Quelqu'un connaît-il un moyen de placer un pied de page au bas de la dernière page lors de la création d'un écran imprimable qui est correctement formaté pour qu'un utilisateur puisse l'imprimer sans utiliser un pied de page collant.

Le pied de page autocollant que j'ai mis en place ne s'affichait pas correctement dans l'écran d'aperçu avant impression lorsqu'il y avait plusieurs pages à imprimer.

Answer 1

CSS

#sticky-footer 
{
    position: fixed;
    bottom: 0px;
}
@media print 
{
    #sticky-footer 
    {
        position: static;
        bottom: auto;
    }
}

HTML

<div id="report-content">...</div>
<div id="sticky-footer">...</div>