распечатать страницу с помощью CSS | страниц обкатки перед: всегда; кросс-браузерная проблема!

Question

У меня проблема с распечаткой страниц. Вы можете увидеть мой код ниже. это не делает разрыв страницы для предварительного просмотра :( Есть идеи, в чем может быть проблема?

Ценить помогает! <Ч>

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>

<Ч>

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; }
}

<Ч>

SORTED !!

  

Я переместил класс разрыва страницы в h1, также тег html (h1) должен быть не под   любой другой тег html: / он был в <   div id = " wrap " > а потом я удалил все   теги, охватывающие h1, и это хорошо работает   сейчас! WEIRD !!

Answer 1

Ваш код выглядит идеально. Это прекрасно работает для меня, используя Firefox 3.5.5, а также в IE 8.0. Готов поспорить, вы тестируете его в браузере, который не совместим с CSS2 / 3. Измените свой браузер, и он будет отлично работать.

Эта ссылка содержит список поддерживаемых функций CSS3: http://www.webdevout.net/browser -поддержка-CSS

(не поддерживается браузерами, не так ли?)