printfunktion css

[jan-erik]

jag försöker krampaktigt att fixa en vettig utskrift från hemsidan, men lyckas dåligt.

 

jag har i < head>

<link rel="stylesheet" type="text/css" href="a0/print.css" media="print" /> 

 

så här ser print.css ut:

body { 
 color : #000000; 
 background : #ffffff; 
 font-family : "Times New Roman", Times, serif;
 font-size : 12pt; 
 width:600px;
}

a { 
 text-decoration : underline; 
 color : #0000ff; 
}
#login, #minkal, #top, #pagang, #utvard, #todo, #tavling, #klass2,#runcheck,#loggen,#mittmeny,#musik,#mittencont,#mainAreaIntMeny,#hist,#hist2,#meny { 
 display : none; 
} 

och så här ser printknppen ut:

<input type="button" value="Print" onClick="window.print()">

Det funkar iofs såtillvida att utskrift sker, men font-size och width får ingen effekt, texten blir pyttepyttepytteliten (XXXS)

 

Tråden flyttad från Webblayout & -design av moderator

 

[inlägget ändrat 2009-04-28 18:46:12 av Cluster]

[Jonas__B]

hur har du deklarerat dina icke-print-csser?

Är de satt till media=screen?

Om inte, gör det annars ärver printstylen från de andra csserna.

ha ingen bredd på bodyn, justera hellre marginalerna

body{margin: 1% 2% 1% 4%;}