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 : Sélectionner tout - Visualiser dans une fenêtre à part
<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 : 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;}
...
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
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