<hr> background in druckvorschau nicht angezeigt

[Matthias Apsel]

Hallo koe,

Dies funktioniert auch wunderbar. Doch sobald ich mir das ganze an der Druckvorschau anschaue, habe ich nur noch einen rechteckigen Kasten statt ein vollen Balken. "background-color: #000000;" Wird mir in der Druckvorschau nicht angezeigt.

Wahrscheinlich ist das eine Einstellung der Browser: "Hintergrundfarben und -bilder drucken" oder ähnlich. Der MS Edge druckt(e) grundsätzlich keine Hintergründe.

Ich versuche gerade in CSS eine <hr>-Linie so zu formatieren damit diese einen schwarz ausgemalten Balken darstellt (Trennlinie eines Titels). Dieser Balken möchte ich in der Höhe anpassen können. Er sollte die volle Seitenbreite besitzen.

hr hat die Bedeutung eines inhaltlichen Trenners. Ich glaube nicht, dass du das möchtest. Verwende die CSS-Eigenschaft border, zum Beispiel border-bottom.

PS: Dein CSS ist stark verbesserungswürdig.

• Angaben in mm verwendet man eigentlich nur zum Ausdrucken
• absolute Positionierung des body sorgt dafür, dass der Inhalt wahrscheinlich auf vielen Geräten nicht (oder nur durch Scrollen erreichbar) sein wird
• einen linken Abstand von 25% kannst du auch mit margin erreichen.
• das @media: print muss um die gesamten Angaben

Bis demnächst
Matthias