Ik ben bezig met het maken van een nieuwsbrief maar het wil nog niet helemaal lukken met de printer commando's in de CSS.
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.

Reageren