Discussion :

[yanice]

bonjour,
après quelques recherches infructueuse, je vous pose ma question.
j'ai une page html avec deux div l'une au-dessus de l'autre.
celle du dessus est plus large que l'autre.
je souhaiterai imprimer la page mais uniquement avec le contenu de la seconde div.
je fais donc un style particulier pour print dans lequel je met :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
#id_div_1 {
display: none;
}
 
#id_div_2 {
  position: absolute;
  top: 0pt;
  left: 0pt;
  right: 0pt;
  text-align: center;
}

avec ce code, sous firefox, le bas de ma page est coupée à l'impression tandis que sous ie je n'ai aucun pb.
quelqu'un aurait il une solution? ou idée?
merci

[E.Bzz]

Bonjour,
ne serait-ce pas dû au format du contenu du div, plutôt qu'à celui du div lui-même (tel que décrit, sa taille verticale dépend du contenu) ?

A+

[yanice]

je ne pense pas parce que si j'enlève la postion: absolute; j'obtiens bien plusieurs pages mais sur la première d'entre elles, le contenu est décalé alors qu'il est centré sur les suivantes.
c'est vraiment comme si l'alignement au centre se faisait encore en fonction de la largeur de la première div.
(dites moi si je ne suis pas clair)

[E.Bzz]

c'est vraiment comme si l'alignement au centre se faisait encore en fonction de la largeur de la première div.
(dites moi si je ne suis pas clair)

C'est limpide !
.... mais j'ai pas d'explication

A+

[yanice]

j'ai changé mon style:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
#id_div_1 {
display: none;
}
 
#id_div_2 {
  float:none;
}

je n'ai plus de problème avec ca sous firefox, mais maintenant c'est sous IE.
est-il possible de définir des styles différents en fonction des navigateurs?
sinon, est ce qu'il n'existerait pas une doc sur le css pour print?

[francis m]

est-il possible de définir des styles différents en fonction des navigateurs?

oui, par exemple avec un patch pour ie :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
<!--[if IE]>
<style type="text/css">
#id_div_2 { width:100%; }
</style>
<![endif]-->'