Drucken Sie eine Web-Seite mit festen Header und Footer (dass einige Daten verstecken)

Ich habe eine Webseite wie diese (vereinfacht):Drucken Sie eine Web-Seite mit festen Header und Footer (dass einige Daten verstecken)

<body> 
    <div id="container"> 
     <div id="content"> 
     .... 
     </div> 
     <div id="header"> 
     .... 
     </div> 
     <div id="footer"> 
     .... 
     </div> 
    </div> 
</body>

Kopf- und Fußzeile festgelegt sind (oben und unten), der Inhalt hat Überlauf automatisch. Am Bildschirm kein Problem. Wenn ich versuche, das Dokument (einige Seiten) zu drucken, wird ein Teil des Inhalts auf jeder Seite durch die beiden Bänder Header und Footer (die ebenfalls gedruckt werden müssen) ausgeblendet. Ich suchte im Internet, aber ich verstehe nicht, wenn es eine Lösung für meine Frage gibt ... Kann mir jemand helfen? Vielen Dank im Voraus.

missing text in page 2

Quelle

2016-03-24 Massimo Bolzoni

Können Sie einen Ausdruck des Problems einfügen? –

Nicht die beste Lösung zu sagen, aber es gibt einige der Frameworks, mit denen Sie Ihre Seite zu pdf rendern können. Dann drucke das PDF aus. –

einfach eine margin-top und margin-bottom zum Inhalt setzen. Also, wenn Sie haben:

#header{ 
    height:5vh; 
} 
#footer{ 
    height:7vh; 
}

Sie tun würden:

#content{ 
    margin-top:5vh; 
    margin-bottom:7vh; 
}

Quelle

2016-03-24 18:20:47 rsabir

Danke, aber ich habe bereits versucht es. Dies funktioniert nur auf der ersten Seite; Die nächsten Seiten (der Inhalt ist länger als 1 Seite) leiden unter den Unannehmlichkeiten, die in meinem vorherigen Beitrag erwähnt wurden.

Quelle

2016-03-25 08:08:46

Sie sollten prüfen, ob die CSS-Regeln nur für Ihre Startseite oder für die gesamte Website gelten. Und wenn es nicht funktioniert, geben Sie uns einen Bildschirm mit dem Problem!

Quelle

2016-03-25 08:14:32 smobx

Drucken Sie eine Web-Seite mit festen Header und Footer (dass einige Daten verstecken)

Antwort

Verwandte Themen