ヘッダーとフッターによるページ設定

Question

A4ページに分割する必要がある印刷ページを作成したいと考えています。また、このページにはヘッダーとフッターが必要です。

このページが3つ増えました。最初の表はヘッダーの2番目の表はコンテンツの3番目の表はフッターです。

コンテンツは2番目のテーブルに分割する必要があります（「コンテンツテーブル」と呼びます）。例えば

：コンテンツは、この行を有する場合

が

<tr height="100"><td> row1 </td></tr> 
<tr height="300"><td> row2 </td></tr> 
<tr height="150"><td> row3 </td></tr> 
<tr height="100"><td> row3 </td></tr> 
<tr height="250"><td> row3 </td></tr> 

第3行第一の印刷ページである必要があり、他の2行は第二になければならない（我々は、コンテンツテーブルの高さ= 600の前には決定）印刷ページ。そのような

：

まず印刷ページ：

< Header table > 
</ Header table > 
< Context table > 
    <tr height="100"><td> row1 </td></tr> 
    <tr height="300"><td> row2 </td></tr> 
    <tr height="150"><td> row3 </td></tr> 
</ Context table > 
< Footer table > 
</ Footer table > 

第二印刷ページ：

< Header table > 
</ Header table > 
< Context table > 
    <tr height="100"><td> row3 </td></tr> 
    <tr height="250"><td> row3 </td></tr> 
</ Context table > 
< Footer table > 
</ Footer table > 

私はjQueryの高さ（）関数を使用すると前にそれを行います。私はすべての行の高さを測定し、コンテンツテーブルの高さ（600）と比較しました。次に、document.write機能を使って行を分割した後に印刷ページを書きます。しかし、それは長いページでは遅いです。

もう一度やり直したいと思います。どうやってやるの？あなたが私の質問を理解することを願っていますただ、CSSを使用し

Answer 1

http://w3schools.com/cssref/pr_print_pageba.asp http://www.javascriptkit.com/dhtmltutors/pagebreak.shtml

。

ヘッダーとフッターの場合は、position：fixedを使用できます。 ヘッダー：トップ：0px フッター：下段：0px;

<div class='header'></div> 
<div class='content'></div> 
<div class='footer'></div> 

ヘッダー/フッターのサイズに一致するコンテンツに余白を追加するため、上書きされません。