Feine Linien (0.1mm) für Printlayout
Pierre
- css
Hallo
Für mein Projekt habe ich ein eigenes Print-CSS definiert, welches soweit auch problemlos funktioniert. Alle Navigationselement sind ausgeblendet, die Breite auf druckbare Bereiche reduziert usw. Nun stört mich aber, dass meine 1px Linien beim Drucken immer als gut 1pt fette Linien ausgedruckt werden. Dabei kümmert es den Drucker nicht ob ich die Linienstärke im Print-CSS als 0.1mm definiere oder 1px belasse. Weiss jemand, wie ich hübsch feine Linien fürs Druck-CSS definieren kann? Denn die fetten Teilen sehen auf den Ausdrucken ziemlich hässlich aus...
Besten Dank für eure Tipps und Hilfe
Pierre
Hi,
Dabei kümmert es den Drucker nicht ob ich die Linienstärke im Print-CSS als 0.1mm definiere oder 1px belasse.
den Drucker sowieso nicht, der kann kein CSS. Das ist Sache des Browsers. Welchen benutzt Du? Bist Du sicher(!), dass die Angabe von ihm ausgewertet wird?
Cheatah
Hallo,
tschuldigung musste gestern abdüsen...
den Drucker sowieso nicht, der kann kein CSS. Das ist Sache des Browsers. Welchen benutzt Du? Bist Du sicher(!), dass die Angabe von ihm ausgewertet wird?
Hmmmm, wie merk ich was der Browser auswertet?
Ist in allen Browsern dasselbe. Firefox 2, aber auch IE 7 auf der Dose macht partout keine Linien unter einem Punkt.
Hier mein Testfile, dass ich eben noch erstellt habe...
Media hab ich auf all gestellt, damit man auch was auf'm Bildschirm sieht. Es geht mir bei diesem File nur darum, wie die Linien geprintet werden. Aber unterhalb von ca. 1 Punkt geht gar nix und das erstaunt mich doch ziemlich.
Huch...
wollt ja noch den Code zeigen:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>Linientest</title>
<style type="text/css" media="all">
div {
width: 15mm;
height: 15mm;
padding: 1mm;
margin-bottom: 5mm;}
.normal_px {border: 1mm solid #000;}
.normal_mm {border: 1mm solid #000;}
.feiner_mm {border: 0.5mm solid #000;}
.fein_mm {border: 0.2mm solid #000;}
.superfein_mm {border: 0.1mm solid #000;}
</style>
</head>
<body>
<div class="normal_px">1px</div>
<div class="normal_mm">1mm</div>
<div class="feiner_mm">0.5mm</div>
<div class="fein_mm">0.2mm</div>
<div class="superfein_mm">0.1mm</div>
</body>
</html>