CSS - Stylesheets für den Druck

Hier geht es einerseits um das erstellen von CSS für den media Type "print" - also für die Ausgabe von Webseiten für den Drucker. Aber auch um das Erstellen von Seiten die beim rauskopieren von Textteilen und wiedereinfügen z.B. in Word, vorhersehbare Ergebnisse bringen. Hierbei bestehen auch Abhängigkeiten von den Browsern.

Druckstylesheets

Snippets

Nur falls mal jemand über das Problem stolpert hier die Lösung. Die Behandlung von Links fehlt auch noch. Seit Urzeiten nehme ich dieses Snippet: Code: a:link:after, a:visited:after {

 content: " (" attr(href) ") ";
 font-size: 90%;

}

html {

   height:100%; 

} body {

   color:#000000; 
   background-color:#ffffff; 
   text-align:left; 
   font:12pt georgia,'courier new',serif; 
   line-height:1.5; 

}

• {float:none!important;}

div {width:100%!important;}

1. header,#right,#left,#footer,div.pdf_link {display:none;}

img {border:none;} table {width:100%;} table th {text-align:left;} a {color:#000;text-decoration:none;font-style:italic;} blockquote {border:3px solid #ccc;padding:0 1.5em;}

Formatierungen beim Copy und Paste

Besonderheit Firefox

Beim Copy and Paste im Firefox, verändert diese die Formatierungen. Um das zu verhindern gibt es Plugins oder man kopiert ohne Formatierung.

Zeilenabstand

Bei der Definition des Fontsize kann man den Zeilenabstand mitgeben:

font-size: 13px/1.5

Dies wirkt sich beim Copy und Paste aus.