Fußzeile auf jeder gedruckten Seite von der Website über alle Browser hinweg drucken (Chrome)

Liebe alle, ich habe versucht CSS Position: Fixed Eigenschaft, aber es funktioniert einwandfrei in Firefox und IE(hack für IE6), aber es funktioniert nicht bei Chrome. Ich dachte Chrome ist der Letzte Unterstützung wird es sehr leicht, aber immer noch ist es nicht. Habe ich Ausprobiert <thead>,<tfoot><tbody> wieder funktioniert im IE und Firefox, aber problematisch in Chrom. Bitte jeder eine haben eine Alternative Lösung.

Kommentar zu dem Problem
Hallo. Ich lief in dieses problem, auch. Scheint, wie Chrom-Griffe, die Druck position:fixed anders als all die anderen. Verdammt... Graben Wird tiefer in diese ein. Kommentarautor: mtness

InformationsquelleAutor der Frage Sagar Kadam | 2010-09-21

  1. -9

    Dies ist der code, den ich verwenden. Hinweis: ich bin der Einstellung html und body die Höhe auf 100%.

    @media print {
  html, body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
  }
  #footer {
    position: absolute;
    bottom: 0;
  }
}

    InformationsquelleAutor der Antwort tim

  2. 5

    Edit: Anscheinend ist der bug behoben worden, so dass die Bibliothek, die ich mit Ihnen teilen, möglicherweise nicht viel mehr.

    Meinen Recherchen, ist es richtig, dass es keine Möglichkeit gibt, um position: fixed zu arbeiten in Chrom. Hier ist ein link zu der bug auf der Chromium-Projektseite.

    In der Zwischenzeit habe ich ein open-source-Projekt, das ermöglicht Ihnen das drucken von Kopf-und Fußzeilen in Chrom. Es ist früh in der Entwicklung, aber es funktioniert, je nach der Struktur Ihrer html-layout:

    https://github.com/byuarchdi/print-headers-and-footers

    Es ist ein work-in-progress, und es stützt sich stark auf die CSS-Regionen Polyfill. Aber ich bin mit den Techniken, die in dieser Bibliothek bis sehr gute Wirkung an einem Projekt zu arbeiten.

    InformationsquelleAutor der Antwort lastmjs

  3. 0

    Habe ich erreicht, dass die Verwendung von Tabellen, aber nur für den Header in chrome. Ich setzte die wiederholenden Inhalte auf den thead-tag und den Inhalt der Seite in tbody, so dass der browser richtig interpretiert.

    Allerdings habe ich festgestellt das ein bug in großen Inhalt HTML. In einigen Fällen werden die Inhalte der Kopfzeile überlappt. In dem Datum, ich bin dieses posting, noch keine Lösung gefunden.

    Beim drucken von Tabellen in Google Chrome, der Inhalt überschneidet header

    InformationsquelleAutor der Antwort Luiz Paulo

Schreibe einen Kommentar