すべてのページに異なるフッターを印刷できますか？

Question

私はAccessアプリケーションをWebに変換しており、そこからレポートを印刷する必要があります。これらは手紙が郵送されているので、手紙の本文がどれほど大きいかにかかわらず、「返ってください」部分である手紙の一番下が常にページの一番下になります。私はDIVを使用して文字をレイアウトし、Accessをよく模倣しましたが、ページの下部に各文字のヘッダーを取得する方法はわかりません。フッタにCSS position: fixed;を使用すると、すべてのページの一番下に各フッタが表示されます。複数の文字を一度に印刷したいと考えています。

fixedを削除した場合、各フッターはページの一番下に表示され、ページの一番下には表示されません。

ケーキを食べて食べることはできますか？クロスブラウザーである必要はありません。絶対に必要な場合はPDFに移行しますが、CSS/HTMLのオプションは何ですか？何とかすべてをテーブルに変換して、tfootを試してみますか？しかし、それは各ページの最下部にあることを強制するでしょうか？

編集：CSS/HTMLのサンプル：

.reportcontainer { 
    width: 100%; 
    page-break-inside: avoid; 
    page-break-after: always; 
    position: relative; 
} 
.reportbody { 
    float: left; 
    text-align: left; 
} 
.reportfooter { 
    width: 100%; 
    float: left; 
    bottom: 0; 
    position: fixed; 
} 

<div class="reportcontainer"> 
    <div class="reportbody"> 
     yadda yadda yadda 
    </div> 
    <div class="reportfooter"> 
     stuff goes here 
    </div> 
</div> 

Answer 1

私はPDFを使用することをお勧めします。印刷物のレベルをコントロールする必要がある場合は、HTMLをブラウザ間でやり取りするために戦うつもりです。これは実際にPDFが設計されているものです。

tfootは、フッターがページの下部ではなく下部にあることを保証します。

Answer 2

これを試してください。私は最近、多くのhtml印刷を把握しなければなりませんでした。それぞれのレポートに対して、divを複製する方法、バックエンドを使う方法、jqueryクローンを使う方法を理解することができます。境界線は、単にコンテナを示すためのものです。

.reportcontainer { 
    width:8.5in; 
    height:11in; 
    page-break-inside:avoid; 
    page-break-after:always; 
    border:1px solid red; 
} 
.reportbody { 
    width:100%; 
    height:10in; 
    border:1px solid yellow; 
} 
.reportfooter { 
    width:100%; 
    height:1in; 
    border:1px solid blue; 
} 
</style> 

<div class="reportcontainer"> 
    <div class="reportbody"> 
     yadda1 yadda1 yadda1 
    </div> 
    <div class="reportfooter"> 
     footer 1 goes here 
    </div> 
</div> 

<div class="reportcontainer"> 
    <div class="reportbody"> 
     yadda2 yadda2 yadda2 
    </div> 
    <div class="reportfooter"> 
     footer 2 goes here 
    </div> 
</div> 

<div class="reportcontainer"> 
    <div class="reportbody"> 
     yadda3 yadda3 yadda3 
    </div> 
    <div class="reportfooter"> 
     footer 3 goes here 
    </div> 
</div>