ブラウザを使用してデータを印刷するために使用されるhtmlページを作成しようとしています。印刷時に下部のすべてのページに表示されるフッターを含める必要があり、これを実装するための次のコードを開発しました。
次のコードは正常に動作していますが、問題は、div 内のコンテンツが contentユーザーにページを下にスクロールさせるのに十分な長さになった場合です。その場合、Google Chrome の印刷オプションに移動して印刷プレビューを表示すると、フッターは最初のページに表示されますが、残りのページには表示されません。しかし、この同じコードは Firefox で機能し、フッターはすべての印刷ページに表示されます (印刷プレビューにも表示されます)。
Google chrome を使用して印刷したときにすべてのページにフッターを表示するのを手伝ってくれませんか?
ありがとう ：）
<html>
<head>
<style type="text/css">
html {margin:0;padding:0;border:0; overflow-y: scroll;}
body { font-size:75%;color:#222; font-family: Geneva, Arial, Helvetica, sans-serif;}
#container {margin:0 auto; height:100%; }
#content{}
#footer {position: fixed ; left: 0px; bottom: 0px; right: 0px; font-size:10px; }
</style>
</head>
<body>
<div id="container">
<div id="content">
My Contents
</div>
<div id="footer">This is my Footer</div>
</div>
</body>
</html>