[css] background-image ne s'imprime pas sous IE

Répondre


Cette question est un moyen d’empêcher des soumissions automatisées de formulaires par des robots.
Smileys
:D :) :( :o :shock: :? 8-) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: :wink: :!: :?: :idea: :arrow: :| :mrgreen: =D> #-o =P~ :^o :non: :priere: 8-|
Voir plus de smileys
  Revue du sujet
 

  Étendre la vue Revue du sujet : [css] background-image ne s'imprime pas sous IE

par Hermès » 11 avr. 2006, 15:13

Tu n'es pas supposé pouvoir forcer l'utilisateur à imprimer les fonds de tes éléments. A toi de faire en sorte que ces fonds ne soient pas essentiels pour la compréhension de la page (ou fait en sorte que l'utilisateur n'ait pas l'idée d'imprimer la page).

par charabia » 11 avr. 2006, 14:50

Tu utilises quels paramétrages d'impression...je viens de réessayer, mais rien :-k
Oups oups oups... :roll:

Je n'avais pas titillé sur le "imprimer"...désolé. J'étais resté sur l'affichage web. Bon je te confirme que l'affichage web marche mais pas lors de l'impression...encore désolé.

par Invité » 11 avr. 2006, 14:31

Tu utilises quels paramétrages d'impression...je viens de réessayer, mais rien :-k
Je fais comment d'ailleurs pour paramétrer sous IE ? :lol:
Merci !
Cyrano, j'ai essayé ta méthode, mais sous IE et sous firefox, mes div de texte dynamique ne s'alignent pas de la même manière....grrr parfois c'est trop haut, parfois trop bas.

par charabia » 11 avr. 2006, 13:29

Merci à tous les deux
Non, même en enlevant les pixels pour la position verticale, ça ne change pas le pb.
Je crois que Cyrano a raison, c IE qui bloque, car sous FF, ça passe bien.
Comme je voulais que du texte soit positionné sur l'image, c'est la raison pour laquelle que j'ai mise en background...Normalement est destiné à l'administrateur du site, donc moi...mais si je veux étendre son utilisation, là ça bloque effectivement...:-?
Ce texte est créé dynamiquement et donc je ne peux "coller" de balises php dessus :lol:
Peut-être utiliser une DIV ?
perso j'ai utilisé le code sans les pixels...sur IE chez moi je vois bien l'image de fond centrée horizontalement et verticalement.

par Cyrano » 11 avr. 2006, 12:23

Effectivement, tu pourrais utiliser une astuce : avoir un bloc <div> contenant l'image en avant-plan, mais dans la feuille de style pour l'écran, tu la caches (display: none) et dans la feuille de style d'impression, tu l'affiches (display: bloc) et tu la positionnes de façon à ce que le texte sois par dessus. Dans ce cas, ça devrait fonctionner tous navigateurs.

À tester en tous cas :-k

par Invité » 11 avr. 2006, 12:14

Merci à tous les deux
Non, même en enlevant les pixels pour la position verticale, ça ne change pas le pb.
Je crois que Cyrano a raison, c IE qui bloque, car sous FF, ça passe bien.
Comme je voulais que du texte soit positionné sur l'image, c'est la raison pour laquelle que j'ai mise en background...Normalement est destiné à l'administrateur du site, donc moi...mais si je veux étendre son utilisation, là ça bloque effectivement...:-?
Ce texte est créé dynamiquement et donc je ne peux "coller" de balises php dessus :lol:
Peut-être utiliser une DIV ?

par Cyrano » 11 avr. 2006, 12:02

IE ne respecte pas les standards sur ce point, mais vérifie dans les paramètres de configuration de l'impression sous IE si ce n'est pas là que ça pourrait s'ajuster : le problème, c'est que tu ne pourras pas corriger ce problème sur le navigateur de l'internaute :-k

par charabia » 11 avr. 2006, 11:59

Le souci vient de ton 640px dans background-position

Code : Tout sélectionner

background-position: center 640px;
Si tu mets center tout seul il le centrera par rapport à la fenêtre c'est ce que tu veux non ?

Code : Tout sélectionner

#centrechk { background-color:#ffffff; width:700px; height: auto; background-image: url(../img/cadeau_2.jpg); background-repeat: no-repeat; background-position: center; padding-bottom: 5px; background-attachment: fixed; }

[css] background-image ne s'imprime pas sous IE

par coxine » 11 avr. 2006, 11:48

bonjour à tous
Je fais une feuille de style pour imprimer un document.php.
Je ne comprends pas pourquoi sous FF l'image de fond s'affiche, alors que sous IE elle ne s'affiche pas.
voici le code :

Code : Tout sélectionner

#centrechk { background-color:#ffffff; width:700px; height: auto; background-image: url(../img/cadeau_2.jpg); background-repeat: no-repeat; background-position: center 640px; padding-bottom: 5px; background-attachment: fixed; }
J'ai essayé de me documenter, je ne comprends pas cette différence...
Merci de votre aide !!! :)