Pblm avec les styles d'impression FFX/IE

Pblm avec les styles d'impression FFX/IE - HTML/CSS - Programmation

Marsh Posté le 15-09-2005 à 10:46:48    

Bonjour à tous,
 
Voilà je vous énnonce mon problème. Je suis en train de faire un site pour un stage. Je l'ai fait entièrement en CSS et là on me demande de mettre une configuration automatique d'impression (comme imprimer juste la colonne de gauche sans le menu ni images etc...). Bref tout ça j'ai bien réussi en masquant toutes mes div (display:none) et en mettant en visible que celles qui doivent etre imprimées (display:visibility). Tout ça est mis dans un css à part nommé impression.css . Bref, là n'est pas le problème.  
En fait le résultat à l'impression de la page est différent entre Firefox et Internet Explorer. Sous Firefox mon texte est tout petit contrairement à IE où il est normal. Pourtant dans le style CSS de l'impression j'ai bien signalé à ce que tout mon texte soit à 12px et ayant une marge de droite de 30px. Je ne comprends vraiment pas pourquoi le résultat n'est pas le même selon ces deux navigateurs.. si quelqu'un aurait une explication à me donner ce serait avec plaisir ^^.  
Merci d'avance....

Reply

Marsh Posté le 15-09-2005 à 10:46:48   

Reply

Marsh Posté le 15-09-2005 à 10:49:31    

teph a écrit :

Bonjour à tous,
 
Voilà je vous énnonce mon problème. Je suis en train de faire un site pour un stage. Je l'ai fait entièrement en CSS et là on me demande de mettre une configuration automatique d'impression (comme imprimer juste la colonne de gauche sans le menu ni images etc...). Bref tout ça j'ai bien réussi en masquant toutes mes div (display:none) et en mettant en visible que celles qui doivent etre imprimées (display:visibility). Tout ça est mis dans un css à part nommé impression.css . Bref, là n'est pas le problème.


Si, y'a déjà un problème : display: visibility n'existe pas, t'as vu ça où ? [:johneh]  
 

teph a écrit :

En fait le résultat à l'impression de la page est différent entre Firefox et Internet Explorer. Sous Firefox mon texte est tout petit contrairement à IE où il est normal. Pourtant dans le style CSS de l'impression j'ai bien signalé à ce que tout mon texte soit à 12px et ayant une marge de droite de 30px. Je ne comprends vraiment pas pourquoi le résultat n'est pas le même selon ces deux navigateurs.. si quelqu'un aurait une explication à me donner ce serait avec plaisir ^^.


C'est normal ! D'après toi, ça fait combien un pixel sur papier ? [:johneh]  [:johneh]  [:johneh] On parle de points, de millimètres, par contre des pixels sur papier, j'ai jamais vu ça !!! [:johneh]  [:johneh]

Reply

Marsh Posté le 15-09-2005 à 10:50:05    

T'as bien précisé que ton style d'affichage écran n'est pas fait pour l'impression?
T'as déclaré dans quel sens tes css dans la page html?
Et ils sont comment tes css et ta page html?
A premiére vue, je dirais : de loin par temps de brouillard, je vois pas bien.

Reply

Marsh Posté le 15-09-2005 à 10:52:27    

FlorentG a écrit :

Si, y'a déjà un problème : display: visibility n'existe pas, t'as vu ça où ? [:johneh]  
 
 
C'est normal ! D'après toi, ça fait combien un pixel sur papier ? [:johneh]  [:johneh]  [:johneh] On parle de points, de millimètres, par contre des pixels sur papier, j'ai jamais vu ça !!! [:johneh]  [:johneh]

Relis la doc oficielle CSS2, tu véras que pour des support autre que l'écran, les logiciels doivent multiplier la taille indiqué dans le CSS par la différence de résolution du support d'arrivé par rapport au support écran.
C'est prévus dans la norme alors où est le probléme si ce n'est un bug dans le calcul fait par un navigateur. (IE ou firefox telle est la question)

Reply

Marsh Posté le 15-09-2005 à 10:57:11    

Ah ouais, effectivement :jap:

Reply

Marsh Posté le 15-09-2005 à 11:01:00    

Tout d'abord "display: visibility" ça existe, va sous dreamweaver et fait référence.. là tu vois il explique la fonction des display et y'a "display: visibility". Pour les pixels en effet j'avoue que je n'ai pas fait attention. Mais de toutes façon là j'ai changé en "pt" et ça change rien :(.  
 
sinon j'ai bien présicé en "portrait" et aussi que le style affichage écran est un autre que celui d'impression (  je me suis aidée de ce site  http://actuel.fr.selfhtml.org/arti [...] _page_imp/  ).
Je ne comprends pas Omega2 tes deux questions "T'as déclaré dans quel sens tes css dans la page html?  
Et ils sont comment tes css et ta page html? "

Reply

Marsh Posté le 15-09-2005 à 11:05:05    

c'est ou que tu vois visibility ?  
 
http://wiki.media-box.net/documentation/css/display
 
c'est display:none et enlever l'élément du flux
 
sinon c'est visibility:hidden pour cacher l'élément et le laisser dans le flux
 
et quand ont fait une CSS pour l'impression, on utilise des mesures d'impression, moi j'opte pour le cm et j'ai toujours un bon résultat


Message édité par gatsusat le 15-09-2005 à 11:05:52
Reply

Marsh Posté le 15-09-2005 à 11:09:01    

Recommandation CSS 1.0 :

Citation :

5.6.1    'display'
 
Value: block | inline | list-item | none


 
Recommandation CSS 2.1 :

Citation :

'display'
    Value:   inline | block | list-item | run-in | inline-block | table | inline-table | table-row-group | table-header-group | table-footer-group | table-row | table-column-group | table-column | table-cell | table-caption | none | inherit


 
 
Je vois nulle-part un quelconque "visibility" :??: Donc ça existe pas :o
 
 
Ensuite, sous DreamWeaver, je le vois pas le visibility :??:
 
http://img384.imageshack.us/img384/9738/dwblock1hw.png

Reply

Marsh Posté le 15-09-2005 à 11:12:41    

ah... bah dans dreamweaver il dit que pour display quand son attribut est none, l'élément est masqué et c'est à distinguer de l'attribut visibility qui réserve un espace pour l'élément même s'il est masqué.. mais j'ai peut etre mal compris, tu as peut etre raison. Mais dans ce cas pourquoi ça marche alors? pourquoi il me masque bien les autre et rend visible celui à qui j'ai mis visibility, est-ce une coincidence ?
sinon je suis ton conseil pour le cm :)

Reply

Marsh Posté le 15-09-2005 à 11:14:28    

ok je m'incline, je vous crois... mais c'est pas ça qui fait que le résultat (taille du texte et marges ) à l'impression est différents selon les navigateurs... :(

Reply

Marsh Posté le 15-09-2005 à 11:14:28   

Reply

Marsh Posté le 15-09-2005 à 11:14:57    

teph a écrit :

ah... bah dans dreamweaver il dit que pour display quand son attribut est none, l'élément est masqué et c'est à distinguer de l'attribut visibility qui réserve un espace pour l'élément même s'il est masqué.. mais j'ai peut etre mal compris, tu as peut etre raison. Mais dans ce cas pourquoi ça marche alors? pourquoi il me masque bien les autre et rend visible celui à qui j'ai mis visibility, est-ce une coincidence ?
sinon je suis ton conseil pour le cm :)


Il y a effectivement un visibility, mais c'est pas une valeur de display, c'est un élément à part

Reply

Marsh Posté le 15-09-2005 à 11:15:05    

teph a écrit :

Je ne comprends pas Omega2 tes deux questions "T'as déclaré dans quel sens tes css dans la page html?  
Et ils sont comment tes css et ta page html? "

Je posais la question, au cas où il y ai des colisions entre les deux css à cause d'une déclaration foireuse des supports correspondants aux css.
mais c'est vrai que j'avais pas réalisé que ton display était pas bon. :lol:


Message édité par omega2 le 15-09-2005 à 11:16:15
Reply

Marsh Posté le 15-09-2005 à 11:15:39    

pour tes tailles tu fous tout en CM tu seras trankil

Reply

Marsh Posté le 15-09-2005 à 11:18:55    

heu question stupide... une police à 11pt ça fait combien en cm ?

Reply

Marsh Posté le 15-09-2005 à 11:25:46    

met ta feuille CSS pour l'impression en principal pour qu'elle s'affiche sur ton écran, ensuite pour tester tu forces ton body en 21x29,7 puis un overflow:hidden, et une bordure noir
 
et ensuite tu style tout le tralala pour voir ce que ca donne
 
puis à la fin tu vires les param du body evidement

Reply

Marsh Posté le 15-09-2005 à 11:27:32    

c'est bon j'ai retiré le display:visibility, en effet ça change rien. L'essentiel c'est qu'il m'imprime ce que je veux.. mais ça m'enerve que ma typo et les marges ne soient pas bonnes sous FFX. ( j'ai mis " pt"car sous n'importe quel logiciel tel que InDesign ou photoshop y'a aucun pblm avec cette unité. )
 
body { margin-right:1cm; font-size: 12pt;} voilà ce que j'ai mis pour ma page impression en ce qui conserne le body.

Reply

Marsh Posté le 15-09-2005 à 11:28:18    

ok Gratsusat, je fais ça merci, v voir si ça marche

Reply

Marsh Posté le 15-09-2005 à 11:41:00    

super ça marche, en fait ce n'était pas très compliqué ^^
merci beaucoup de votre aide en tout cas ;)

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed