Zo heb ik het volgende al gevonden.
/* Print styles */
@media print{
body{
background-color: White;
}
p, td{
font-size: 10pt;
* font-size:10px; /* IE7 hack */
background-color: white;
}
div{
font-size:10pt;
background-color: white;
font-family: verdana;
* font-size:10px; /* IE7 hack */
}
#main, #content{
width: 100%;margin: 0%;
}
table{
background-color: white;
}
form{
display: none;
}
a:link, a:visited, h1, h2{color: Black;text-decoration: none;}
}
Echter de commando's worden nog niet helemaal gevolgd.
Het lettertype wordt standaard in een div aangeroepen met:
<div class="kl2">
......
</div>
Wat gaat er fout en hoe kan ik dit oplossen?
Het lettertype wordt nog gewoon uitgeprint zoals is vastgelegd in de <div>.
EDIT:
na veel proberen opgelost met een 2de .kl2 in de CSS te zetten bij @media print{
/* Print styles */
@media print{
body{
font-size:11px;
background-color: white;
font-family: arial;
* font-size: 11px; /* IE7 hack */
font-weight: normal;
}
p, td{
font-size:11px;
background-color: white;
font-family: arial;
* font-size: 11px; /* IE7 hack */
font-weight: normal;
}
div{
font-size:11px;
background-color: white;
font-family: arial;
* font-size: 11px; /* IE7 hack */
font-weight: normal;
}
#main, #content{
width: 100%;margin: 0%;
}
table{
font-size:11px;
background-color: white;
font-family: arial;
* font-size: 11px; /* IE7 hack */
font-weight: normal;
}
.kl2{
font-size:11px;
background-color: white;
font-family: arial;
* font-size: 11px; /* IE7 hack */
font-weight: normal;
}
form{
display: none;
}
a:link, a:visited, h1, h2{color: Black;text-decoration: none;}
}
of het een juiste oplossing is weet ik niet, maar het werkt in ieder geval.