印刷固定ヘッダとフッタを持つWebページ（つまり、いくつかのデータを非表示）

は、私は（簡体字）、このようなWebページを持っている：印刷固定ヘッダとフッタを持つWebページ（つまり、いくつかのデータを非表示）

<body> 
    <div id="container"> 
     <div id="content"> 
     .... 
     </div> 
     <div id="header"> 
     .... 
     </div> 
     <div id="footer"> 
     .... 
     </div> 
    </div> 
</body>

ヘッダーとフッターは、（上部と下部）に固定されており、コンテンツオーバーフローオートがあります。画面に問題はありません。ドキュメント（一部のページ）を印刷しようとすると、ヘッダーとフッター（印刷する必要があります）の2つのバンドによって、コンテンツの一部がすべてのページに表示されなくなります。私はインターネットで検索しましたが、私の質問に対する解決策があるかどうかわかりません... 誰か助けてくれますか？ありがとうございます。

missing text in page 2

出典

2016-03-24 Massimo Bolzoni

問題の印刷物を貼り付けることはできますか？ –

最高の解決策ではありませんが、ページをpdfにレンダリングするためのフレームワークがいくつかあります。次に、pdfを印刷します。 –

ただ、内容にmargin-topとmargin-bottomを置きます。あなたが持っているのであれば：

#content{ 
    margin-top:5vh; 
    margin-bottom:7vh; 
}

出典

2016-03-24 18:20:47 rsabir

おかげで、私はすでにそれを試してみました：

#header{ 
    height:5vh; 
} 
#footer{ 
    height:7vh; 
}

をあなたが行うだろう。これは最初のページでのみ機能します。次のページ（内容が1ページより長い）は、私の前の投稿に引用された不都合を被る。

出典

2016-03-25 08:08:46

CSSルールは、フロントページまたはウェブサイト全体に対してのみ適用されます。それがうまくいかない場合は、問題のある印刷画面を私たちに教えてください！

出典

2016-03-25 08:14:32 smobx

印刷固定ヘッダとフッタを持つWebページ（つまり、いくつかのデータを非表示）

答えて

関連する問題