Bonjour
Petit probleme sympa.
J'ai un site pour lequel je desire appliquer une CSS pour l'impression. Je me dis donc "Pas de probleme, definissons unet le tour est joue".
Code : Sélectionner tout - Visualiser dans une fenêtre à part <link media="print"... />
Je cree donc un fichier "print.css" dans lequel je definis le style pour l'impression :
Puis, dans mon header, j'importe mes CSSs :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7 /* print.css */ @page port {size: portrait;} @page land {size: landscape;} body {page: land;line-height:1.5;font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;color:#000;background:none;font-size:10pt;} ...
NB : Les "..." indiquent l'emplacement d'autres CSSs de type "screen".
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17 <html> <head> ... <link rel="stylesheet" type="text/css" media="screen" href="/design/design.css" /> <!--[if IE 6]> <link rel="stylesheet" type="text/css" media="screen" href="/ie6.css" /> ... <![endif]--> ... <link rel="stylesheet" type="text/css" media="print" href="/print.css" /> ... </head> <body> Contenu a imprimer </body> </html>
Bon, j'ouvre ma page sous Firefox => "Apercu avant impression", c'est bon, "print.css" est appliquee.
J'ouvre la meme page sous IE8 (7 et 6 donnent le meme resultat), et la, le style applique est celui de "design.css".
Peut importe la position de "print.css" (avant/apres), j'obtiens la meme chose.
Quelqu'un a-t-il une idee ?
Merci
Partager