28172 sujets

CSS et mise en forme, CSS3

Bonjour,

J'ai fait un système d'impression pour mon site
<a href="javascript:window.print()">Imprimer</a>
.
J'ai intégrer une feuille de style avec media="print" pour les test j'ai mis media="all".
Sur Firefox, Chrome et IE l'affichage est le même, mais sous firefox le taille du texte lors de l'impression est beaucoup plus petite que sur sur les autres.
Quand je met la taille de la police a 24pt l'impression sous firefox est parfaite mais sur Chrome et IE bien trop grosse?
Comment cela se fait-il ? Comment y remédier ?

Cordialement
PT

ps : voici le code css pour ceux que sa intéresserait :

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;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
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;
}

/*########################	END RESET CSS	#############################""*/

header,
footer,
#form_sondage,
#change_date,
#sondage_suppr,
#lien_imprimer
{
	display: none;
}

#sondage table tr td
{
	border: 1px solid black;
	padding: 5px 10px;
	font-size: 24pt;
	color:black;
	font-family: "Trebuchet MS";
	text-align: center;
}

#sondage .ribbon_content
{
	width:auto;
	margin:50px 0px;
}

#sondage .ribbon-front
{
	text-align: center;
	margin: 20px 0px;
	font-size:40pt;
	font-family: "Trebuchet MS";
}

#sondage form
{
	text-align:center;
	margin: 20px 0px;
}

#sondage form select
{
	border: 1px solid black;
	padding: 5px;	
}
#sondage form select option
{
	
}

.bold
{
	font-weight: bold;
}




Modifié par Papa Tango (29 Oct 2012 - 11:24)
Papa Tango a écrit :
Personne n'a d'idées ?

Ben en fait non, à part le fait que j'ai déjà remarqué cette différence d'impression entre les navigateurs. Avez-vous tenté d'autres unités que le pt ?

PS : il ne faut pas trop en faire du côté de l'impression, j'ai remarqué que les spécifications peuvent beaucoup changer d'une version à une autre pour un même navigateur (ex : les images imprimées par défaut en background auparavant ne le sont plus aujourd'hui)...
Merci pour la réponse Smiley cligne

J'ai essayer aussi le pixel, mais sa ne change rien.

Du coup je vais faire des feuilles de styles que l’inclurais en php selon le navigateur. Smiley biggrin