CSS en-têtes de page - comment utiliser les marges d'impression?
Je peux obtenir un en-tête à imprimer sur chaque page, mais je suis de nouveau à des marges d'impression. Je pensais que la page @css, mais il ne semble pas influer sur les marges de la page. Si j'ai mis les marges sur le corps, il fonctionne sur une seule page, mais les pages suivantes commencer la marge supérieure à la valeur par défaut, en mettant la tête sur le haut du texte.
<style>
.header {
position: fixed;
top: 0;
}
@page {
size: 11in 17in;
margin-left: 1in;
margin-right: 1in;
margin-top: 1in;
margin-bottom: 1in;
}
</style>
<body>
<span class=header>This is the header</span>
This is the text of the document. (repeat until I get to page 2)
</body>
@page
soutien est notoirement peu fiables. Les navigateurs qui avez-vous essayé?OriginalL'auteur Ted Scheckler | 2010-12-03
Vous devez vous connecter pour publier un commentaire.
En charge de l'impression par tous les navigateurs est très mal pris en charge avec d'horribles bugs dans de nombreux navigateurs populaires qui ont disparu non ans.
La réponse courte est d'éviter HTML/CSS d'impression si vous avez besoin d'assurer une mise en page spécifique. Utiliser PDF, éventuellement généré dynamiquement à la demande. Il y a diverses générateur de PDF Api comme iTextSharp. Il est possible d'imprimer à partir de Flash, mais seulement si Flash est installé et fonctionne (c'est à dire pas de Flashblock, iOS).
HTML/CSS à l'impression doit être limitée à de simples mises en page. La forme de l'impression est un cauchemar avec
fieldset
&legend
soutien particulièrement problématique (en particulier sur Firefox). Il est intéressant de noter le support d'impression est meilleure sur internet explorateurs.Le CSS3 en charge de l'impression de spécification n'a pas été achevé et est un temps d'arrêt.
Principes généraux:
Pas de milieux ou d'arrière-plan CSS les images sont pris en charge (par défaut, les utilisateurs peuvent modifier les paramètres de son navigateur pour une application intranet). Seuls les originaux des images à imprimer.
Largeurs doivent être fluides que les tailles varient autour de la planète. US Letter format est plus court et plus large que A4 disposition
Tous les navigateurs prennent en charge l'impression de différentes manières. Les Bugs sont légion.
Test à l'aide de l'aperçu avant impression.
Non, la position est toujours la même.
Je sais que maintenant certains services en ligne comme PDFShift gérer correctement l'impression règles CSS. (Je travaille dans PDFShift)
OriginalL'auteur GlennG
La accepté de répondre à ce qui est maintenant de 4 1/2 ans dit:
"La réponse courte est d'éviter HTML/CSS d'impression si vous avez besoin d'assurer une mise en page spécifique."
Ces jours, vous pouvez le faire en HTML/CSS d'impression relativement simples mises en page dans un navigateur ou si vous utilisez un outil comme
wkhtmltopdf
vous pouvez aller pour obtenir des mises en page complexes. Voir aussi http://www.toccon.com/toc2013/public/schedule/detail/26714OriginalL'auteur z--