Création d’en-têtes et de pieds de page à l’aide de CSS pour l’impression

Je crée un PDF à l’aide de Flying Saucer (qui vide CSS / HTML vers iText vers un PDF) et j’essaie d’utiliser CSS3 pour appliquer un en-tête et un pied de page à chaque page.

Je voudrais essentiellement mettre ce div en haut à gauche de chaque page:

 

Mon CSS ressemble à ceci:

 @page { size: 8.5in 11in; margin: 0.5in; @top-left { content: "Hello"; } } 

Y a-t-il un moyen pour moi de mettre cette div dans le content ?

Mettre un élément en haut de chaque page:

 @page { @top-center { content: element(pageHeader); } } #pageHeader{ position: running(pageHeader); } 

Voir http://www.w3.org/TR/css3-gcpm/#running-elements (travaille dans la soucoupe volante)

Pour inclure à la fois l’en- tête et le pied de page sur les pages (en expliquant l’excellente réponse de @Adam):

    
lurking below
meaningful rambling...

REMARQUE: Pour que le pied de page répète sur chaque page, il peut être nécessaire de le définir AVANT tout autre contenu du corps (pour le contenu multi-pages)