drucken Sie paging mit css | page-break-before:always; cross-browser-Problem!

Ich habe ein Problem, über print-paging. Sie können sehen, mein code unten. es ist kein Seitenumbruch für die seitenansicht 🙁 irgendeine Idee, was kann das problem sein?

Schätzen wissen hilft!

HTML-Code

<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-Code

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

SORTIERT!!

Zog ich den pagebreak-Klasse h1 auch den html-tag (h1), die nicht unter
jedes andere html-tag :/es war unter <
div id="wrap"> und dann habe ich alle entfernt
tags abdecken h1, und es funktioniert gut
jetzt! KOMISCH!!

  • ich eigentlich erstellen diese Ausgabe via php dynamische Inhalte aus der db. aber eigentlich hast du Recht, es ist nicht ein Problem über php, sorry. ich Bearbeiten Sie die tags
InformationsquelleAutor designer-trying-coding | 2009-12-01
  1. 1

    Dein code sieht perfekt aus. Es funktioniert großartig für mich mit Firefox 3.5.5 und auch im IE 8.0. Ich Wette, du bist es zu testen in einem browser, der ist nicht CSS2/3-konform. Ändern Sie Ihre browser und dann funktioniert es Super.

    Diese link-Listen Unterstützung von CSS3-features: http://www.webdevout.net/browser-support-css

    (Der Zustand des nicht-Unterstützung in Browsern ist frustrierend, nicht wahr?)

    • Ich dachte über das Problem. Ich habe Mac [snow leopard] und läuft Safari auf. Habe ich auch getestet auf firefox, aber es war das gleiche Problem ! 🙁 jetzt muss ich nur download von Opera und es funktioniert auch unter opera... ich hoffe, es bedeutet nicht, dass Sie es nicht machen, paging, wenn ich print-out von safari 🙁 ?
    • hmmm wirklich schlecht!!! nur getestet, um zu nehmen, Ausdruck von safari und es nicht machen paging 🙁 gibt es eine andere Möglichkeit, die wrks für alle browser?
    • Was ist, wenn Sie die @media {} - Blöcke?
    • Nein es wird nicht helfen :/
    • +1 Danke für den link, ich war auf der Suche durch Sie und es scheint, dass page-break-before: always wird von allen Browsern unterstützt aufgeführt. Hmmm, bist du sicher das dein <style> tag nicht mit einem media-Attribut? - dazu führen würde, dass Sie es zu ignorieren, die @media Blöcke.
    InformationsquelleAutor Rap
Schreibe einen Kommentar