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

HTML Discussion :

Firefox / Ie : avoir le même rendu des polices


Sujet :

HTML

  1. #1
    Membre du Club
    Inscrit en
    Juillet 2002
    Messages
    66
    Détails du profil
    Informations forums :
    Inscription : Juillet 2002
    Messages : 66
    Points : 53
    Points
    53
    Par défaut Firefox / Ie : avoir le même rendu des polices
    Bonjour à tous,

    Je suis entrain de développer une application qui est compatible firefox / ie.

    Souvent sous firefox tout fonctionne bien, mais sous ie je dois souvent avoir recours à des subtilités plus ou moins ... bizarres.

    Mon problème se situe au niveau du rendu des polices, je défini une police de taille 12 par exemple, sous firefox le rendu est comme je le souhaite et sous ie la police semble 50% plus grosse ...

    J'ai regardé au niveau de la configuration de l'affichage et la taille du texte est normale dans les 2 navigateurs.

    vous avez une idée du problème ?

    Merci

  2. #2
    Membre actif Avatar de hunter
    Profil pro
    Inscrit en
    Mars 2004
    Messages
    208
    Détails du profil
    Informations personnelles :
    Localisation : Suisse

    Informations forums :
    Inscription : Mars 2004
    Messages : 208
    Points : 216
    Points
    216
    Par défaut
    salut

    tu définis la taille de tes polices comment ? en css ?

    qu'il y a un différence c normal mais aussi grande

  3. #3
    Membre du Club
    Inscrit en
    Juillet 2002
    Messages
    66
    Détails du profil
    Informations forums :
    Inscription : Juillet 2002
    Messages : 66
    Points : 53
    Points
    53
    Par défaut
    Hello !

    oui effectivement je définis la taille via CSS.

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
     
    body, p, td, li, ul, ol  {
      font-family: Verdana, Helvetica, Arial, sans-serif;
      MARGIN: 8px 0px;
    }
    quand je dis 50% j'exagère un peu ca serait plus de l'ordre de 30%

    en effet une zone de texte normale je lui applique la classe suivante pour que la police ne soit pas trop grosse sous ie :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
     
    .standard {
      font-size: 70%;
    }
    Sous firefox c'est plus petit mais ca reste très correct, sous ie c'est un peu moins ... énorme.
    Si je n'applique pas la réduction à 70% de la taille j'ai l'impression d'avoir une police pour malvoyant ...

  4. #4
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 637
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 74
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 637
    Points : 66 658
    Points
    66 658
    Billets dans le blog
    1
    Par défaut
    heu font-size:70% c'est assez énorme en effet ... d'autant plus que la base du pourcentage n'est pas la même pour firefox et ie .

    j'aurais tenté de mettre une taille de police en em ...
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  5. #5
    Membre du Club
    Inscrit en
    Juillet 2002
    Messages
    66
    Détails du profil
    Informations forums :
    Inscription : Juillet 2002
    Messages : 66
    Points : 53
    Points
    53
    Par défaut
    Oui j'ai déjà vu ca, l'utilisation des em.

    Mais je n'ai pas trop regardé comment ca fonctionnait.

    A quoi correspond 1em ?

  6. #6
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 637
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 74
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 637
    Points : 66 658
    Points
    66 658
    Billets dans le blog
    1
    Par défaut
    j'ai jaimais su au juste ...
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  7. #7
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 637
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 74
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 637
    Points : 66 658
    Points
    66 658
    Billets dans le blog
    1
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  8. #8
    Membre du Club
    Inscrit en
    Juillet 2002
    Messages
    66
    Détails du profil
    Informations forums :
    Inscription : Juillet 2002
    Messages : 66
    Points : 53
    Points
    53
    Par défaut
    oki merci pour l'info je vais essayer ca

    bonne journée

  9. #9
    Membre éprouvé
    Profil pro
    Inscrit en
    Juin 2002
    Messages
    1 012
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2002
    Messages : 1 012
    Points : 1 093
    Points
    1 093
    Par défaut
    Citation Envoyé par partyboy
    Oui j'ai déjà vu ca, l'utilisation des em.
    Mais je n'ai pas trop regardé comment ca fonctionnait.
    A quoi correspond 1em ?
    1 em, cela correspond à la taille d'un caractère standard tel que défini par l'utilisateur dans son navigateur. de mémoire, par défaut, cela correspond à 16px.
    L'avantage de faire les polices en em, c'est que les personnes qui ont du mal à lire peuvent définir une taille de police par défaut plus grande, et ton affichage suit. si tu définis la taille de police en pixels, l'utilisateur mal voyant peut avoir du mal à lire.

Discussions similaires

  1. Rendu des polices avec IE6
    Par elekaj34 dans le forum Débuter
    Réponses: 0
    Dernier message: 25/09/2008, 12h53
  2. probleme de rendu des anim flash sous firefox
    Par fwebconcept dans le forum Webdesign & Ergonomie
    Réponses: 2
    Dernier message: 13/08/2008, 14h03
  3. Rendu des polices différent PC/MAC
    Par frog43 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 3
    Dernier message: 20/03/2008, 08h53
  4. Rendu différent des polices
    Par Bibicmoi dans le forum wxPython
    Réponses: 3
    Dernier message: 02/10/2007, 10h05
  5. Coloration d'un <select> en js pour avoir le même visuel sous Firefox que IE7
    Par Tchupacabra dans le forum Général JavaScript
    Réponses: 5
    Dernier message: 27/08/2007, 09h12

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