IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

impression différente sous Firefox et IE pour une large page


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé
    Inscrit en
    Janvier 2005
    Messages
    231
    Détails du profil
    Informations forums :
    Inscription : Janvier 2005
    Messages : 231
    Par défaut impression différente sous Firefox et IE pour une large page
    j'ai une page un peu large et quand je veux imprimer (window.print())cette page en format A4 sous IE, ce n'est qu'une partie de la page qui est imprimée.
    Alors que sous Firefox, la page toute entière est imprimée(en format A4).
    Est-ce que quelqu'un peut me montrer comment résoudre ce problème?

  2. #2
    Expert confirmé
    Avatar de Auteur
    Profil pro
    Inscrit en
    Avril 2004
    Messages
    7 660
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2004
    Messages : 7 660
    Par défaut
    bonjour,

    regarde les paramètres d'impression de IE et Firefox (Fichier>Mise en page). Les marges des documents imprimés sont sans doute différentes.

    Sinon :
    http://www.developpez.net/forums/showthread.php?t=20787

    ou en faisant une recherche, tu en as des kilomètres :
    http://www.developpez.net/forums/sea...earchid=390671
    http://www.developpez.net/forums/sho...hlight=%40page
    http://www.developpez.net/forums/sho...hlight=%40page

  3. #3
    Membre confirmé
    Inscrit en
    Janvier 2005
    Messages
    231
    Détails du profil
    Informations forums :
    Inscription : Janvier 2005
    Messages : 231
    Par défaut
    sur Firefox , il y a "adapter au format de la page", et il n'y a pas cette option sur IE.
    Est-ce que CSS peut parametrer cette option?

  4. #4
    Expert confirmé
    Avatar de Auteur
    Profil pro
    Inscrit en
    Avril 2004
    Messages
    7 660
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2004
    Messages : 7 660
    Par défaut
    sur Firefox , il y a "adapter au format de la page", et il n'y a pas cette option sur IE.
    Est-ce que CSS peut parametrer cette option?
    Non. Mais en faisant ceci tu peux peut-être contourner le problème :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
     
    body{
    width: 18cm;
    }

  5. #5
    Membre confirmé
    Inscrit en
    Janvier 2005
    Messages
    231
    Détails du profil
    Informations forums :
    Inscription : Janvier 2005
    Messages : 231
    Par défaut
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    body{
    width: 20cm;
    }
    n'a rien changé sous IE

  6. #6
    Expert confirmé
    Avatar de Auteur
    Profil pro
    Inscrit en
    Avril 2004
    Messages
    7 660
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2004
    Messages : 7 660
    Par défaut
    j'ai fait ceci : un div encadre toute la page :

    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
    48
    49
    50
    51
    52
     
    <html>
    <head>
    <title></title>
    <style type="text/css">
    <!--
    .divPage{
    width: 10cm;
    border: ridge 2px #000000;
    }
    .cadre1 {
    background-color:#AAAAAA;
    width:99%;
    margin: 5px;
    border: solid 1px #000000;
    }
     
    .cadre2 {
    background-color:#AAAAAA;
    text-align:justify;
    margin: 15px;
    border: solid 1px #000000;
    }
     
    //-->
    </style>
     
    </head>
     
    <body>
    <div class="divPage">
     
    <div class="cadre1">
    bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla
    bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla
    </div>
     
    <div class="cadre2">
    bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla
    bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla
     
    </div>
     
    <div>
    bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla
    bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla
    </div>
     
    </div>
    </body>
     
    </html>
    -dans la largeur du div il faut tenir compte des marges éventuelles imposées par l'impression donc la valeur de width doit être inférieure à 21cm.

    -maintenant j'ai remarqué une chose sur beaucoup de site : lorsque l'utilisateur a la possibilité d'imprimer une page, on lui propose génralement "une version imprimable" qui diffère légèrement de la page originale. J'ignore si tu offres cette possibilité.

Discussions similaires

  1. <meta content="charset=xx"> différent pour une même page de code
    Par laurentSc dans le forum Balisage (X)HTML et validation W3C
    Réponses: 11
    Dernier message: 19/03/2009, 08h13
  2. Réponses: 1
    Dernier message: 21/02/2008, 09h01
  3. décalage entre firefox et IE pour une image
    Par shito dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 30/01/2008, 00h20
  4. Taille d'une image différente sous Firefox
    Par marie mouse dans le forum Balisage (X)HTML et validation W3C
    Réponses: 2
    Dernier message: 31/10/2007, 12h34
  5. Réponses: 6
    Dernier message: 03/05/2007, 11h28

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo