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

Mise en page CSS Discussion :

Problème de feuille de style d'impression sous IE6.


Sujet :

CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé
    Inscrit en
    Septembre 2007
    Messages
    115
    Détails du profil
    Informations forums :
    Inscription : Septembre 2007
    Messages : 115
    Par défaut Problème de feuille de style d'impression sous IE6.
    Bonjour,

    Ma feuille de style fonctionne très bien sauf avec IE6 ou pour certains articles il manque un bout du texte comme s'il y avait une marge à droite.

    Feuilles de style du site :
    Feuille générale
    corrige les bug d'affichage sous ie6
    Feuille d'impression

    Exemple :
    Cette page : il manque toute la partie droite du texte si vous faites un aperçu d'impression...

    Merci d'avance !

  2. #2
    Membre émérite Avatar de FraK
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2005
    Messages
    828
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 40
    Localisation : France, Loire Atlantique (Pays de la Loire)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Juin 2005
    Messages : 828
    Par défaut
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    #contenu {
    	line-height:1.3em;
    	text-align:left;
    	overflow:hidden;
    	margin-right: 2%;
    }
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    #contenu {margin-right : 15px;}
    Dans ton css tu as un margin et dans ta correction de bug aussi, vires en un des 2 déjà.

    Ensuite ceci devrait régler le problème normalement.

    print.css
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    #contenu { width:expression((document.documentElement.clientWidth > 1080) ? "1050px" : "auto"); }
    ie-print.css
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    #contennu { width:auto !important; }
    html
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
     
    <!--[if IE]>
    <link rel="stylesheet" href="ie-print.css" type="text/css" media="print">
    <![endif]-->
    <link rel="stylesheet" href="print.css" media="print" type="text/css">
    Infographiste / Webdesigner / Intégrateur (un peu Développeur aussi si on peut dire ;p)
    On me trouve souvent dans la partie Hardware, Systèmes et Logiciels ou encore Webmasters - Développement Web et surtout dans le forum Wordpress.
    »» Mon Blog Musical (drumnbass)

  3. #3
    Membre confirmé
    Inscrit en
    Septembre 2007
    Messages
    115
    Détails du profil
    Informations forums :
    Inscription : Septembre 2007
    Messages : 115
    Par défaut
    Bonjour,

    Toutes les modifications sont faites mais ça ne marche pas...
    EXEMPLE.

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Lien feuille de style
    Par en_dehors dans le forum CodeIgniter
    Réponses: 7
    Dernier message: 24/05/2015, 18h35
  2. [Qt Designer] Problème de feuille de style
    Par sarion dans le forum Débuter
    Réponses: 1
    Dernier message: 11/07/2011, 13h53
  3. Feuille de style pour impression
    Par kohsaka dans le forum Mise en page CSS
    Réponses: 4
    Dernier message: 01/07/2009, 14h26
  4. Problème avec feuille de style CSS
    Par rungis dans le forum Apache
    Réponses: 5
    Dernier message: 05/12/2007, 14h11
  5. [GWT] Problème de feuille de style
    Par Invité dans le forum GWT et Vaadin
    Réponses: 1
    Dernier message: 28/09/2007, 11h08

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