Bonjour,
J'ai fait un système d'impression pour mon site
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 :
Modifié par Papa Tango (29 Oct 2012 - 11:24)
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)