Mehrere Header über den Text Inhalt - pdf in der Vorschau

Question

Ich hatte mehrere Header für jede Seite von PDF erstellt werden (dompdf) Header werden behoben, oben: 0px, Breite: 100%. Mein Problem ist, auf der zweiten Seite und 3rd und so weiter, ist meine Kopfzeile über meinen Textinhalt, stattdessen eine Marge-unten. Wenn ich einen Rand unten in den Header setze, passiert nichts (selbst wenn ich den oberen Rand für diesen Textinhalt verwende). Was soll ich tun?

CSS:

#header { 
      position: fixed; 
      top: 0px; 
      width: 100%; 
      margin-top: -180px; 
     } 

#header img { 
      height: 175px; 
      width: 1000px; 
      float: right; 
      margin-top: 85px; 
      margin-right: 50px; 
     } 

HTML:

<div id="header"> 
    <img src="sd-logo.jpg"/> 
</div> 

Dank.

Answer 1

Wenn Sie ein Element mit fester Position verwenden, möchten Sie es an den Rändern des Dokuments platzieren, um zu vermeiden, dass sich der Inhalt des Dokuments überschneidet. Sie haben dies versucht, indem Sie eine negative Marge angegeben haben, die jedoch nicht vollständig getestet wurde. Ich würde empfehlen, eine negative Positionierung zu verwenden.

CSS:

#header { 
    position: fixed; 
    top: -180px; 
    width: 100%; 
} 

#header img { 
    height: 175px; 
    width: 1000px; 
    float: right; 
    margin-top: 85px; 
    margin-right: 50px; 
} 

HTML:

<div id="header"> 
    <img src="sd-logo.jpg"/> 
</div> 

auch zur Kenntnis, dass, weil festen und absolut positionierte Inhalte aus dem Dokumentenfluss entfernt wird, Ränder haben keinen Einfluss auf irgendeinen anderen Inhalt zu machen.