Drucklayout mit CSS

[gegenwind]

Hallo,
ich versuche gerade ein Drucklayout mit CSS zu erstellen. Gesucht wird nach dem Grund, warum es nicht funktioniert.
In der HTML Datei wird oben auf die CSS verwiesen (... media=print...) und in dieser CSS befinden sich CSS Befehle - Serifenschrift, Größe etc.

@charset "UTF-8";
/* CSS Document */
body {
    color: #000000;
    background-color: #ffffff;
    background-image: none;
	font-family: Times New Roman;
    font-size: 11pt;
    padding: 0 0 0 0;
    margin: 0;
    }

Mehr wird doch nicht gebraucht?? Wenn ich schließlich Datei/Drucken wähle, dann hat sich im Vergleich ohne diese CSS nichts verändert.
Liegt es am Begriff "body"?, da meine Befehle in der site.css anders heißen (eigentlich nicht, oder?)
Danke schonmal....

 

[NoNames13]

AW: Drucklayout mit CSS

Du änderst nur das Body Tag. Versuche mal auch die anderen Befele zu ändern. Ich denke das das body die anderen Befehle nicht überschreibt.

mfg

 

[maromedia84]

AW: Drucklayout mit CSS

Würde eventuell schon schauen dass die gleichen Begriffe wie in deiner site.css verwendest. Benutze doch mal die Forensuche, hatten wir bestimmt schon mal das problem oder gibts sogar ein TUT!?

 

[sokie]

AW: Drucklayout mit CSS

wenn die stylesheets im html dokument verlinkt sind und nur für das Printmedium ausschliesslich mit media="print" angegeben ist, kann es dazu kommen, dass das stylesheet ohne den Hinweis auf das Medium das erstere überschreibt.
daher muss das Stylesheet für die Bildschirmausgabe auch das attribut media="screen" haben.

die font-family ist vererblich, also reicht es eigentlich sie im Body für das ganze Dokument zu setzen.

PS:
padding: 0 0 0 0; ist für die Printausgabe ungünstig

@page{
  size: auto;
  padding: 2.5cm 2cm 2.5cm 2.5cm;
}

 

[jackprince]

AW: Drucklayout mit CSS

Zu beachten ...

• die print.css mit media=print wirkt auch nur beim print nicht in der bildschirmansicht
• jeder css sollte das passende media zugewiesen werden sonst gilt sie für jedes medium

In der css sind folgende Angaben ganz nützlich ...

• deine Angaben wobei im print Serifen im Fließtext eher unwichtig sind
• die padding angaben die die drucker typischen Seitenränder beachten
• display:none für Element wie Menü's, Werbung etc.

Auch solltest du eventl. in betracht ziehen ein Print Prieview Popup zu machen in der die Seite die du Drucken möchtest nochmal geladen wird aber eben nur mit der print.css auch für media screen.