CSS Impression -> Ajuster la taille de la page

**ferensy** · 15/02/2008, 17h15

Bonjour à tous !

Je tente de mettre en place une feuille de style css pour l'impression de ma page web. Sous IE7 et FF, l'impression contient bien tout mon corps de page. Apparement, le "zoom" par défaut est d'ajuster le contenu à la page, ce qui est parfait.

Le problème qui se pose c'est que sous IE6, le contenu n'est pas ajusté à la taille de la page ! Y'a t-il une méthode pour selectioner le bon zoom ?

PS : Comme c'est pour un intranet, je ne peux vous donner de liens ...

Extrait de la css :

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
18
19
20
21
22
23
/* Propriétés pour l'impression*/
@page {
  size: 21.0cm 29.7cm; /* Format A4 */
  size:auto;
  margin:10%;
  zoom:.7;
}
 
@media print {
 
    #bandeau {
        display: none;
    }
 
    #pieddepage{
        display:none ;		
    }
 
    .actions{
        display:none ;				
    }
 
}

Merci pour vos idées !

**ferensy** · 20/02/2008, 17h31

Bon j'ai vu plusieurs fois que les balises @media pouvaient être mal interprétées par IE... J'ai donc fait une css séparée, et je l'ai incluse via :

Code :

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

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

La nouvelle css est bien prise en compte (si je met des bordures aux éléments elle apparaissent, mais je n'arrive ni a mettre en place un zoom, ni a mettre une taille max à mon body.

Pliz help !

**ferensy** · 21/02/2008, 10h00

Bon j'ai bidouillé avec l'attribut "zoom" :

Code :

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

1
2
3
4
5
 
 body {
    zoom:0.8; /* Interprété que par IE */
    border:1px solid red;
  }

Zoom est pris en compte que par IE, donc ca regle mon probleme sous IE6 et conserve la bonne impression sur FF, mais ... parce qu'il y a un mais :
Est ce possible de le faire interprété que par IE6 et pas par IE7 pour qui ca allait bien meme sans cela ?

Vive la bidouille

**Lokotamani** · 23/02/2008, 16h10

Bonjour ferensy, voilà différent exemple pour IE 6

:

Pour qu'un style css ne soit appliqué exclusivement qu'à IE6, il suffit de mettre le signe - ou _ devant .
Ex :

Code :

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

-margin : 5px ;

ou

Code :

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

1
2
3
<!--[if IE 6]>
    <link rel="stylesheet" type="text/css" href="/css_special_ie6_0.css" media="print" />
<![endif]-->

ou

Code :

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

1
2
3
4
<!--[if lte IE 6]>
	/* on utilise ici l'opérateur lte : lower than or equal 
    spécifier ici les feuilles de style pour IE5.0, IE5.5 et IE6.0 mais pas IE7.0 */
<![endif]-->