stampa paging con css | page-break-before: sempre; problema tra browser!

Question

Ho un problema con il paging della stampa. puoi vedere il mio codice qui sotto. non sta interrompendo la pagina per l'anteprima di stampa :( hai idea di quale possa essere il problema?

Apprezzo gli aiuti!

---

Codice HTML

<h1>header text</h1>
<p>Lorem Ipsum jhdfb jdhbg sdfgshdbfgkjhsdbgkjhbs d sdgf</p>    
<div class="pagebreak"></div>

<h1>header text</h1>
<p>Lorem Ipsum jhdfb jdhbg sdfgshdbfgkjhsdbgkjhbs d sdgf</p>    
<div class="pagebreak"></div>

---

Codice CSS

@media screen {
    .pagebreak  { height:10px; background:url(img/page-break.gif) 0 center repeat-x; border-top:1px dotted #999; margin-bottom:13px; }
}
@media print {
    .pagebreak { height:0; page-break-before:always; margin:0; border-top:none; }
}

---

ORDINE !!

  

Ho spostato la classe di interruzione di pagina in h1, anche il tag html (h1) non deve essere sotto   qualsiasi altro tag html: / era sotto <   div id = " wrap " > e poi ho rimosso tutto   tag che coprono h1 e funziona bene   adesso! STRANO !!

Answer 1

Il tuo codice sembra perfetto. Funziona benissimo per me usando Firefox 3.5.5 e anche in IE 8.0. Scommetto che lo stai testando in un browser non conforme a CSS2 / 3. Cambia il tuo browser e funzionerà alla grande.

Questo link elenca il supporto delle funzionalità CSS3: http://www.webdevout.net/browser -support-css

(Lo stato di non supporto nei browser è frustrante, vero?)