特定のドキュメント構造で HTML ページを動的に生成するユーティリティを作成しています。本体は、div互いに積み重ねられた多数の で構成され、それぞれが特定のコンテンツを (一種のリストとして) 保持します。これらの各コンテンツdivの高さは可変であり、特に印刷ページの幅によって異なります。
生成された HTML のサンプルを次に示します。
<html>
<head>
<title>Page Title</title>
<style>
(Dynamically generated styles)
</style>
</head>
<body>
<div id="divMain">
<div id="divHeader">
<div id="divTitle">Page Title</div>
<div id="divSubTitle">Subtitle</div>
</div>
<div id="divContent">
(Dynamically generated content div's)
</div>
</div>
</body>
</html>
このページは CSS を使用した単純な HTML のみであり、ユーザーがサイトからホストされているのではなく、自分のコンピューターでこの HTML ファイルをダブルクリックしたときに機能する必要があります。したがって、このページにはスクリプトはありません。
さて、この HTML を作成したら、それを印刷 (または PDF として保存) するつもりです。印刷するときは、印刷する各ページにカスタム ヘッダーとフッターを挿入する必要があります。前述のように、各コンテンツのdiv高さは可変であり、印刷幅が変わると変更される可能性があります。
独自のヘッダー/フッターを各印刷ページに挿入するにはどうすればよいですか?