Discussion :

[l.ponchon]

Bonjour,

Je possède un système d'impression intégré dans différents sites.
Lors d'une impression, sur ie seulement et seulement sur certains site mon impression est plus petite. l'impression est pollué par le css.

Si je lance l'impression dans une popup j'évite ce problème mais ça n'est pas toujours possible dans mon cas.

Auriez-vous une idée ? Merci.

[Muchos]

Votre système d'impression est géré par une css perso ?

• Si elle est intégrée avec une balise LINK, la css "screen" n'est pas prise en compte.
• Si elle est intégrée avec @media, alors un reset css des polices devrait faire l'affaire.

[l.ponchon]

Oui mon impression est géré par un css perso.

Le css est appelé de cet façon : <link type="text/css" rel="stylesheet" href="printBR.css" media="print" />.

Cependant dans le css appelé je n'ai pas mis le media print comme je l'ai précisé sur le link, est-ce que cela peu faire la différence ?
Dans ce css il y a aussi un reset css au début.

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
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
/* RESET CSS */
 
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	font-family : Arial;
}
 
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	font-size:8px;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

[Muchos]

Si votre css est appelée avec LINK, elle domine sur tous les autres styles, sauf sur les styles internes à la page html (mais je ne suis pas sûr).

Dans tous les cas, @media print et le reset css n'ont aucun rôle à jouer.

[l.ponchon]

Oui mais comme mon module est appelé dans différentes pages de différents site, je dépend de leur css et je ne sais pas comment m'en isolé mis à par en appelant l'impression en popup

[Muchos]

Désolé, je ne comprends pas le fonctionnement de votre module, ni ce que vous entendez par «impression en popup». Peut-être que quelqu'un d'autres connait ça.

De ce que je comprends, si le feuille de style de votre module est insérée dans la page à imprimer via LINK, alors la css du site n'est pas prise en compte.

[l.ponchon]

Il y à plusieurs css appelé en link, media=print.

Mon module est intégré dans différent site sous forme d'iframe, il gère l'impression d'un bon.
Cependant le site partenaire qui appel mon iframe contient aussi des css de type media=print, ce qui vien perturber l'impression des bon à l'interieur de l'iframe.

Quand je parle de popup, ça me permet justement d'éviter que les css print du site appelant l'iframe vienne perturber l'impression.

[Muchos]

Peut-être en utilisant l'argument !important. Ex:

Code css :

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

1
2
 
body { font-size: 1em !important; }

[l.ponchon]

Je viens de tester et malheureusement et la propriété !important n'est pas prise en compte sous ie