Tu n'as pas bien compris à quoi sert l'attribut media... Si tu mets media="print" ça veut dire que les styles qui suivent seront définis pour l'impression. Et donc plus pour l'écran.
Si tu veux que ça serve aux 2 tu mets media="print,screen"
Mais dans ce cas attention car tu as des mesures en pixels (px) ce qui ne signifie rien pour une imprimante.
Bref, le plus propre est de définir un style pour chaque :
<style type="text/css" media="screen">
...
</style>
<style type="text/css" media="print">
...
</style> |
Ou alors en faisant plus court :
<style type="text/css">
/* Les propriétés CSS communes à l'impression et à l'écran */
...
@media screen {
/* Les propriétés CSS propres à l'écran */
...
}
@media print {
/* Les propriétés CSS propres à l'imprimante */
...
} |
---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog