「ページ区切り線」のスタイル設定はFirefoxでは機能しますが、ChromeやInternet Explorerでは機能しません

Question

このページは、クライアントが紙面にデータを印刷するために使用します。 MVCモデルのリストをループして、新しいページに新しい反復をすべて印刷する必要があります。

CSHTMLで、私はこの（簡体字）構築しています：

@foreach (var header in Model.ReportHeaders) 
{ 
    <div style="page-break-after:always"> 
     <div> 
      <img src="Logo-image-url" /> 
      <h2>Misc Logo stuff</h2> 
     </div> 

     <div>Report header information</div> 

     <div> 
      <table> 
       <thead> 
        <th>Column headers</th> 
        <th>Column headers</th> 
        <th>Column headers</th> 
       </thead> 
       <tbody> 
        @foreach (var details in header.ReportDetails) 
        { 
         <td>All the data here</td> 
         <td>All the data here</td> 
         <td>All the data here</td> 
        } 
       </tbody> 
      </table> 
     </div> 
    </div> 
} 

をしかし、それを印刷するときにどういうわけか、しかし私はクロムやIEどちらをスタイリングした後に改ページ・再配置しようとする新しいページから開始したいです。私はそれを間違って使用していますか、それとも意図した通りに動作しませんか？

Answer 1

samAlvinが私の質問にコメントしたように、レイアウトページを継承し、クラス "ページ"のdivとID "main"のdivの両方がスタイリングフロートを持っていました：left。私は一時的に印刷機能の直前にこれらの2つのdivのフロートスタイリングを取り除き、その後にそれを再び追加しました。このページはそのミリ秒間に小さなヒックアップがありますが、少なくともすべてのブラウザで正しく印刷されます。クイックヘルプをありがとう！