html - print out paging with css | page-break-before:always; cross-browser issue! -

I have a problem with print paging. You can see your code below It does not make a page break for print preview. (Any idea what can be the problem?

Appreciate!

---

HTML code

   & Gt; Header text  
 Lorem Ipsum jhdfb jdhbg sdfgshdbfgkjhsdbgkjhbs d sdgf & lt; / p> div class = "pageback" & gt; & lt; / div & Gt; & lt; h1 & gt; Header Text & lt; / h1 & gt; & lt; p & gt; Lorem Ipsum jhdfb jdhbg sdfgshdbfgkjhsdbgkjhbs d sdgf & lt; / p & gt; & lt; div class = "pagebreak" & Gt; & lt; / div & gt; < / Code> 

---

CSS code

  @ media screen {.pagebreak {height: 10px; background: url (img / page-break.jif) 0 center Repeat-X; border-top: 1px dotted # 999; margin-down: 13px;}} @ media print {.pagebreak {height: 0; page-break-first: always; margin: 0; border-top: some No;}}  

---

sorted !!

I moved the PageBack class to H1, and HTML tags (H1) should not be under any other HTML tag: / it is given below; Div id = "wrap"> And then I deleted all the tag covers ING H1, and it works well now! Veid !!

Your code looks correct too for me in Firefox 3.5.5 and IE 8.0 works great. I can bet that you are checking in the browser which does not correspond to CSS2 / 3, change your browser and it will work very well.

This link supports CSS3 features:

(The non-support status in the browser is depressing, is not it?)