L'ajout d'un texte de pied de page en bas de chaque page imprimée lorsqu'une page web est imprimé

CSS n'ont pas de notion de page dans les médias, donc il est impossible de garantir où les sauts de page va se produire naturellement.

MODIFIER Comme l'a souligné ci-dessous, CSS 2.1 introduit @page comme un moyen de traiter avec paginé les médias, mais il a été jamais mis en œuvre à travers les navigateurs les plus courants. Donc, comme je l'ai écrit ci-dessus, il n'existe pas, même si ce n'est pas techniquement vrai.

Vous pouvez définir des sauts de page, par exemple en plaçant un <div class="page-break"> à la localisation approximative. Vous pouvez ensuite le style avec page-break-before:always pour s'assurer qu'une rupture qui s'y passe.

Il y a aussi un page-break-after bien; mais vous ne savez pas comment loin en bas de la page, l'élément commence. Donc, lorsque vous avez besoin de la position, la seule chose que vous pouvez utiliser est position:absolute;bottom:0 qui ne serait pas le fixer à la page des médias, mais au fond de l'ensemble du document.

Si vous utilisez page-break-before alors vous savez qu'il apparaît toujours en haut de la page. Ensuite, vous pouvez utiliser position:absolute sans donner un top ou bottom, qui ne fait que de le retirer de la circulation des documents. Puis, en lui donnant une hauteur de 720pt (10 pouces) signifie que vous avez un bord inférieur que vous pouvez positionner à contre le.

Voici comment je pourrais régler ce problème:

/* hide the page footer on screen display */
.page-break { display: none; }

@media print {
  /* make a 10-inch high block that sits on top of the page content */
  .page-break {
    page-break-before: always;
    display: block;
    position: absolute;
    height: 720pt;
  }

  /* stick the contents of .page-break to the bottom of the 10 inch block */
  .page-break .copyright {
    position: absolute;
    bottom: 0px;
  }
}

Cependant, je n'ai aucune idée de comment bien les navigateurs supportent de cette réalité. Je me souviens de jouer avec les sauts de page pendant un certain temps, et finit par abandonner parce que je ne pouvais pas les faire fonctionner de manière fiable assez. Je suppose qu'il en est encore impossible ou très hackish et peu fiables.