Webアプリケーションがあり、1ページを超える可能性があるレポートがあり、すべてのページにヘッダーとフッターを印刷したいと考えています。 これを見つけて試してみてください: Repeating a report header in each page 私はオペラ、IE9、Firefox、Google Chromeを試してみましたが... nothing.page-marginはうまく動作しますが、コンテンツは私が欲しいものです。仕事。各ページのヘッダーとフッター(CSS付き)
答えて
それは例
<header class="onlyprint"><!--Content Goes Here--></header>
<footer class="onlyprint"><!--Content Goes Here--></footer>
@media screen {
header.onlyprint, footer.onlyprint{
display: none; /* Hide from screen */
}
}
@media print {
header.onlyprint {
position: fixed; /* Display only on print page (each) */
top: 0; /* Because it's header */
}
footer.onlyprint {
position: fixed;
bottom: 0; /* Because it's footer */
}
}
Webkitでは動作しますか? –
@PauFracés以前はサポートされていませんでしたが、現状については不明です。私はfirefoxの方法でこれを使用していましたので、これが彼を助けるかもしれないと考えました –
私は同じ話題に取り組んでいます。私はhtml + cssでそれを行うことができませんでしたので、私は仕事を終わらせるためのjavascriptライブラリで今働いています。したがって私の興味 –
について各ページ
に繰り返されるように、あなたは私は本当にお返事に感謝しかし、私は、このソリューション(位置:固定)を使用しているposition: fixed;
ヘッダーとフッターを設定することができます前に、ページの内容はヘッダーでマスクされます。だから私は "マージン"プロパティと "コンテンツ"は動作しませんまたは他の言葉で私は私が望む結果に到達することはできませんと動作する "@ページ"を使用する必要があります。
'position:fixed'で動作します。たとえば、* @ page:margin-top:2mm *の余白を設定する場合は、htmlページを* html:margin-top:20mm *に、固定ヘッダーを* header:margin:0 *に圧縮します。これは固定ヘッダーを2mmのページ余白に置きますが、ページの内容はhtmlマージン20mmに従います。プリントアウトしてもオーバーラップはありません。 – frequent
ありがとう!このコメントは私のためにそれをしました! –
'html'マージンは巧妙なトリックです。仕事が盛り上がるあなたはそれを印刷ページごとに変更できるかどうか分かりますか? – ppumkin
現在、ウェブキットエンジン(https://bugs.webkit.org/show_bug.cgi?id=100075)にバグがあり、全体的に間違ったフッターになっています。
- 1. ヘッダーとフッターCSS
- 2. iPhone UI:各項目のフッター付きドロップダウンピッカー
- 3. カスタムHTMLページのヘッダーとフッターの作成
- 4. ヘッダーとフッターによるページ設定
- 5. TCPDF - 特定のページにのみフッター/ヘッダーを付ける
- 6. ヘッダーとフッターのカスタマイズ
- 7. itext document各ページのフッター - Spring MVC
- 8. フライングソーサーの皮のヘッダーとフッター
- 9. CSS - ヘッダー - 常に一番下のフッターと100%の内容
- 10. xsltを使用したヘッダーとフッターとページ番号
- 11. ヘッダーとフッターとasloページ番号をpdfに追加
- 12. フッター最後のページのみhtml + css
- 13. CSS:印刷プレビューからヘッダーとフッターを無効にするChrome
- 14. MVC iTextSharpヘッダーとフッターc#
- 15. knpsnappy bundle symfony2は複数のページにヘッダーとフッターを追加できません
- 16. フッターにリサイズイメージ付きの固定フッター
- 17. ヘッダーとフッターをページから外します
- 18. ヘッダーとフッターがあるマルチページ文書のCSSとHTMLの印刷設定
- 19. ページのフッターの向き
- 20. ヘッダーとフッターが100%の幅でページをセンタリングするときにiPhoneが正しくページをレンダリングしない
- 21. モバイル版のウェブサイトの固定ヘッダーとフッター
- 22. jquerymobileのないヘッダーとフッターのフェーディング
- 23. スケーラブルなdivとstickyヘッダーとフッター
- 24. reportlabの複数行(段落)フッターとヘッダー
- 25. Java Swingヘッダーとフッターの背景色
- 26. Webworksのブラックベリー固定ヘッダーとフッター
- 27. PHPのヘッダー/フッターの作成
- 28. 各ページにヘッダー行を保存する
- 29. ヘッダー/フッターでjQueryスタイルのオートコンプリート
- 30. MVP GWTプロジェクトのヘッダー/フッター
[HTMLを使用してドキュメントの各ページにヘッダーとフッターを印刷する方法は?](http://stackoverflow.com/questions/1360869/how-to-use-html-to-print-ヘッダーとフッターに印刷されたページのすべて) – Quentin