[CSS - IE] CSS d'impression non prise en compte par IEX
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 un
Code:
<link media="print"... />
et le tour est joue".
Je cree donc un fichier "print.css" dans lequel je definis le style pour l'impression :
Code:
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;}
... |
Puis, dans mon header, j'importe mes CSSs :
Code:
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> |
NB : Les "..." indiquent l'emplacement d'autres CSSs de type "screen".
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
