Problème d'impression (print css) sur IE7

Bonjour,

J'ai un problème lors d'une impression via une feuille print css, je fais juste un div en lui spécifiant une largeur, une hauteur, et une bordure

page html

<div id="bouton_imprimer">
	<a id="bouton_imprimer" title="" href="javascript:window.focus();window.print();">
	<img src="../images/img-print.gif" />
	</a><br>
</div>	
							
<div id="toto" style="width:500px;height:500px;border:1px solid red;">
   toto
</div>

j'inclus dans cette page via cette ligne la print css:

<link rel="stylesheet" type="text/css" href="/css/print.css" media="print" />

print.css

body {width:630px;}
#bouton_imprimer{display:none;}

Entre IE7 et FF3, lors de l'impression les dimensions de mon div sont différentes

Merci d'avance
Modifié par Michels (18 Jul 2008 - 09:22)

Personne n'aurait une idée S.V.P ?

Quand j'imprime, sur Firefox 3 mon div est 3 fois plus grand que sur IE 7....

Bonjour,

Les pixels sont une unité qui n'ont pas de correspondance sur le papier. C'est le navigateur qui choisit donc si 100px font un centimètre, trois centimètres ou huit centimètres (ou autre...).

Ne pas utiliser l'unité px dans une feuille de styles pour l'impression.
(Et styler directement BODY me semble casse-gueule.)

Merci d'avoir répondu

Tu veux donc dire qu'il vaudrait mieu utiliser les % pour définir des tailles des blocs, je suis d'accord par contre le problème c'est que même le texte n'est pas de la même taille et aussi, je devrais inclure des img sur la page..

Merci d'avance
Modifié par Michels (18 Jul 2008 - 11:07)

Il faut remplacer px par pt dans le css du print

Michels a écrit :
et aussi, je devrais inclure des img sur la page..

L'impression des images n'est pas recommandé, si elles sont décoratives (si c'est bien ce que tu voulais dire).