CSS-Seitenumbruch funktioniert nicht in allen Browsern

Ich habe Probleme dabei, diese Arbeit in den meisten Browsern außer IE (es funktioniert sogar korrekt im IE6) und Opera.

Firefox trennt die divs korrekt, aber nur die erste Seite gedruckt.

Chrome und Safari gilt nur für die Seite Pause, um die Letzte div.

Wie kann ich dies funktioniert in allen Browsern richtig?

HTML:

<div id="leftNav">
  <ul>
    <!--links etc-->
  </ul>
</div>
<div id="mainBody">
 <div id="container">
  <div class="pageBreak">
   <!--content-->
  </div>
  <div class="pageBreak">
   <!--content-->
  </div>
  <div class="pageBreak">
   <!--content-->
  </div>
 </div>
</div>

Die divs mit den IDs #leftNav und #mainBody sind, eingestellt sind float:left ein, so dass Sie die Anzeige gut.

Ich nur ausgeben wollen .pageBreak Klassen, versteckt die #leftNav und der rest der #mainBody mit CSS.

CSS:

@media print
{
 #leftNav
 {
  display:none;
 }
 #mainBody
 {
  border:none;
  margin:none;
  padding:none;
 }
}

InformationsquelleAutor der Frage Richard Parnaby-King | 2011-02-03

Schreibe einen Kommentar