各ページのヘッダーとフッター（CSS付き）

Question

Webアプリケーションがあり、1ページを超える可能性があるレポートがあり、すべてのページにヘッダーとフッターを印刷したいと考えています。 これを見つけて試してみてください： Repeating a report header in each page 私はオペラ、IE9、Firefox、Google Chromeを試してみましたが... nothing.page-marginはうまく動作しますが、コンテンツは私が欲しいものです。仕事。

Answer 1

それは例

<header class="onlyprint"><!--Content Goes Here--></header> 
<footer class="onlyprint"><!--Content Goes Here--></footer> 

@media screen { 
    header.onlyprint, footer.onlyprint{ 
     display: none; /* Hide from screen */ 
    } 
} 

@media print { 
    header.onlyprint { 
     position: fixed; /* Display only on print page (each) */ 
     top: 0; /* Because it's header */ 
    } 
    footer.onlyprint { 
     position: fixed; 
     bottom: 0; /* Because it's footer */ 
    } 
} 

Answer 2

について各ページ

に繰り返されるように、あなたは私は本当にお返事に感謝しかし、私は、このソリューション（位置：固定）を使用しているposition: fixed;ヘッダーとフッターを設定することができます前に、ページの内容はヘッダーでマスクされます。だから私は "マージン"プロパティと "コンテンツ"は動作しませんまたは他の言葉で私は私が望む結果に到達することはできませんと動作する "@ページ"を使用する必要があります。

Answer 3

現在、ウェブキットエンジン（https://bugs.webkit.org/show_bug.cgi?id=100075）にバグがあり、全体的に間違ったフッターになっています。