распечатать страницу с помощью 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-support-css

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