Print CSS : problèmes dimensions entre IE7 et FF3

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

Code:

---

1 2 3 4 5 6 7 8 9 10

<div id="bouton_imprimer_print"> <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:

Code:

---

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

---

print.css

Code:

---

1 2 3

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

---

Entre IE7 et FF3, lors de l'impression les dimensions de mon div sont différentes... sur Firefox 3 mon div est 3 fois plus grand que sur IE 7....

Merci d'avance

Bonjour,

Juste une petite remarque. Un identifiant (id) est censé être présent une seule fois dans la page, or dans la portion de code montrée ici, un identifiant est utilisé deux fois (bouton_imprimer).

Pas sûr que ce soit la cause du problème d'impression, mais ça reste quand même une petite erreur.

;)

Oui j'avais vu ça, ce n'étais pas la cause du problème
merci quand même d'avoir pris le temps d'analyser mon "code" ;)

Personne n'a d'idée ?

Je ne sais pas si le message est toujours d'actualité, mais je suppose bien que non.
Il faudrait peut être essayer d'utiliser l'unité cm ou mm lors de l'impression, au lieu des px ou em.
Je ne sais plus trop ou je l'ai lu, mais c'est ce qui est conseillé.

Si jamais quelqu'un tombe ici dessus, et que ça peut aider, ben voilà ;)