Hartmut: Links im Druck bei Gecko-Browsern. (Bug?)

Beitrag lesen

Hallo Frankx,

mein Vorschlag: [...] den Quellcode auf das Problem reduzieren und ausschnittsweise posten.

Danke für Hinweis und Link. Ich hoffe jetzt wird es Übersichtlicher.

Hallo alle,

unter test2.html habe ich den Code mal gekürzt und ohne css eingesetzt. Trotzdem gibt es unter allen (zumindest auf dem PC) vorhandenen Browsern mit Gecko-Engine ein Darstellungsproblem bei Links in der Druckervorschau. In MSIE und Opera (PC) sieht es wie am Bildschirm korrekt aus.

Der Codeausschnitt:
... mit <a href="#">Textinformationen</a>. Dies ...

Wird in der Druckervorschau von z.B. Netscape 7.1 folgendermaßen angezeigt:
Hinter dem Wort mit groesserer Abstand, dann der Link welcher noch um ein unterstrichenes Leerzeichen laenger dargestellt wird, direkt gefolgt vom Punkt

Der (Papier-)Ausdruck scheint vom Druckertreiber abzuhängen.
Mein PDF-Druckertreiber und der Lexmark X84 zeigen den Link, wie vom Source zu erwarten, korrekten an.
Auf dem HP-LaserJet 4 sieht es hingegen folgendermaßen aus:
ohne Abstand folgt auf das Wort mit die unterstrichene Zeichenkette Leerzeichen Textinformatione, dann ohne unterstreichung nDies. Hier rechts vom Link wird also Punkt Leerzeichen überschrieben und die Unterstreichung ist verschoben

---

In der aktuellen Version der Seite (test1.html) mit Stylesheets

druck.css (Ausschnitt):

  
a {  
 color: red;  
 background-color: white;  
 text-decoration: underline;  
}  
.text a:link {  
 color: red;  
 background-color: white;  
 text-decoration: underline;  
}  
.text a:visited {  
 color: red;  
 background-color: white;  
 text-decoration: underline;  
}  
.text a:hover {  
 color: red;  
 background-color: white;  
 text-decoration: underline;  
}  
.text a:active {  
 color: red;  
 background-color: white;  
 text-decoration: underline;  
}  

screen.css (Ausschnitt):

  
.text a:link {  
 color: #7a8077;  
 background-color: #dddedc;  
 text-decoration: none;  
 border-bottom: 1px solid #7a8077;  
}  
.text a:visited {  
 color: #7a8077;  
 background-color: #dddedc;  
 text-decoration: none;  
 border-bottom: 1px dashed #7a8077;  
}  
.text a:hover {  
 color: #ff7100;  
 background-color: #dddedc;  
 text-decoration: none;  
 border-bottom: 1px solid #ff7100;  
}  
.text a:active {  
 color: #ff7100;  
 background-color: #dddedc;  
 text-decoration: none;  
 border-bottom: 1px solid #ff7100;  
}  

gibt es in der druck.css für Links keine paddings, margins oder border.

Trotzdem zeigt sich gegenüber der Druckvorschau ohne .css-Dateien ein anderes Bild:
Vom Wort mit ist nur noch das m sichtbar, es folgt ohne Abstand der Link, welcher rechts bündig mit dem Punkt endet. Die Unterstreichung endet rechts etwa unter dem halben n.

Im Papierausdruck zeigt die Version mit .css-Dateien aber - zumindest bei mir - auf Lexmark und PDF korrektes Verhalten und auf dem HP LJ4 nahezu korrektes (minimale Verschiebung des Linktextes nach rechts). Allerdings scheinen beim HP-Ausdruck auch nicht die underline vom druck.css, sondern die border-bottom des screen.css genutzt zu werden (schon verfolgte Links sind dashed):

In allen anderen von mir getesteten Browsern (bisher nur PC) stimmt Bildschirmdarstellung, Druckvorschau und Papierausdruck mit dem vom Code zu erwartenden Verhalten überein.

Ist dies ein bekannter Fehler der Gecko-Browser? Wenn nicht muß dies als Bug gemeldet werden? Gibt es ein Workarround welches Nicht-Gecko-Browser nicht beeinflußt?

Einen schönen Samstag wünscht Euch

Der hartmut