line-height différent sur IE et FIREFOX

Discussion dans 'Développement d'un site Web ou d'une appli mobile' créé par max6, 23 Avril 2007.

  1. max6
    max6 WRInaute discret
    Inscrit:
    18 Mai 2003
    Messages:
    146
    J'aime reçus:
    0
    Bonjour a tous

    Alors voila j'applique un line-height en css sur mes textes mais le résultat n'est pas le meme sous ie et sur firefox alors je me demande comment faire .
    J'ai mis 16px comme line-height et ca fait propre sur IE mais ca fait trop sur firefox donc pas beau .

    Une astuce ?
     
  2. Koxin-L
    Koxin-L WRInaute passionné
    Inscrit:
    29 Mars 2007
    Messages:
    1 532
    J'aime reçus:
    1
    Code:
    line-height: 14px !important;
    line-height: 16px;
    FF focalise sur l'important alors que IE ne comprenant pas prend le 16
     
  3. max6
    max6 WRInaute discret
    Inscrit:
    18 Mai 2003
    Messages:
    146
    J'aime reçus:
    0
    sALUT

    Ben écoutes c'est bizarre mais ca marche pas , IE comprend bien le line-height !important malheureusement pour moi .
    Et il y a toujours un énorme décalage de résultat entre ie et firefox .
    Ca devient usant de se battre avec tout ces naviguateurs .
    Je ne suis jamais arrivé a obtenir des résultats identiques , c'est toujours plus moche sous firefox quoi qu'on critique iexplorer .
     
  4. Koxin-L
    Koxin-L WRInaute passionné
    Inscrit:
    29 Mars 2007
    Messages:
    1 532
    J'aime reçus:
    1
    Tu utilises quelle version de IE la 6 ou la 7.

    Parceque je me rencontre que je ne sais pas si cela fonctionne pour IE7.
     
  5. ACth
    ACth WRInaute impliqué
    Inscrit:
    11 Novembre 2006
    Messages:
    686
    J'aime reçus:
    0
    as tu une url pour l'exemple du problème ?

    as tu pensé que ce n'était pas forcément line-height le problème ?
     
  6. NxtGen
    NxtGen WRInaute impliqué
    Inscrit:
    24 Octobre 2006
    Messages:
    563
    J'aime reçus:
    0
    Attention :

    line-height: 14px !important;
    line-height: 16px;

    fonctionne pour IE 6, pas IE7 qui lui prend en compte la valeur !important

    par contre je pense effectivement que tu devrais regarder si c'est pas autre chose qui foire parce que j'ai rarement eu de soucis avec line-height, mais plus souvent margin ou padding :)
     
  7. JimB
    JimB Nouveau WRInaute
    Inscrit:
    21 Février 2008
    Messages:
    18
    J'aime reçus:
    0
    up

    Même problème.
    Et c'est bien le line-height qui est impliqué.
    Si quelqu'un a une idée sur le sujet...
     
  8. Pandore
    Pandore WRInaute passionné
    Inscrit:
    14 Octobre 2005
    Messages:
    1 108
    J'aime reçus:
    0
    Il faut passer par les commentaires conditionnels alors. :wink:
     
  9. Tranquille
    Tranquille Nouveau WRInaute
    Inscrit:
    16 Juin 2008
    Messages:
    28
    J'aime reçus:
    0
    Ou alors, il me semble que IE ne connait pas la technique du sélecteur enfant (je crois que c'est comme ça que ça s'appelle).
    Donc, le principe est de définir ton line-height pour IE, puis de le redéfinir pour les autres navigateurs, avec un truc que ie ignore, voici un exemple:

    #ulmenu li a {line-height: 16px;}
    #ulmenu > li > a {line-height: 14px;}

    à adapter à tes propres objets...
     
  10. oli004
    oli004 WRInaute passionné
    Inscrit:
    5 Janvier 2005
    Messages:
    1 629
    J'aime reçus:
    0
    je pense que ton problème est plus simple. As tu spécifié la police de caractère ?

    Car un line-height sans la font définie ça peut générer des affichages différents. J'ai rencontré le cas, il y a quelques jours seulement.
     
  11. e-kiwi
    e-kiwi WRInaute accro
    Inscrit:
    23 Décembre 2003
    Messages:
    13 198
    J'aime reçus:
    1
    et quel est ton doctype ?
     
Chargement...
Similar Threads - height différent FIREFOX Forum Date
Centrer une image en height Développement d'un site Web ou d'une appli mobile 27 Février 2015
Référencement d'images avec ou sans height/width ? Débuter en référencement 19 Janvier 2012
Height en CSS avec Internet Explorer Développement d'un site Web ou d'une appli mobile 15 Octobre 2010
XHTML 1.0 strict & CSS, style height avec la norme Développement d'un site Web ou d'une appli mobile 13 Juillet 2008
IE6 et CSS height Développement d'un site Web ou d'une appli mobile 9 Décembre 2007
<div style='height:1px ... pour cacher du texte Débuter en référencement 5 Juin 2007
[CSS] line-height et IE Développement d'un site Web ou d'une appli mobile 29 Mai 2007
[CSS] Height avec les div en position absolute Développement d'un site Web ou d'une appli mobile 30 Avril 2007
CSS height 100% Développement d'un site Web ou d'une appli mobile 20 Septembre 2005
L'attribut HEIGHT de la balise TABLE Problèmes de référencement spécifiques à vos sites 21 Mars 2005
<div style="clear:both;height: XXXXpx;"> ... Problèmes de référencement spécifiques à vos sites 11 Août 2004
Position Google image vs Google différente Référencement Google 21 Septembre 2022
Meta description différente de celle choisie (Rank Math + Qwant) Problèmes de référencement spécifiques à vos sites 25 Juillet 2022
Partie du contenu différent de langue de la page que faire? Référencement international (langues, pays) 14 Avril 2022
même url avec contenu différent selon le pays Référencement international (langues, pays) 26 Mars 2022
CSS / Attribuer 2 couleurs différentes aux H2 Développement d'un site Web ou d'une appli mobile 12 Mars 2022
Search Console Export couverture différent Crawl et indexation Google, sitemaps 1 Juillet 2021
enregistrer un nom de domaine identique à un autre nom de domaine mais avec une extension différent Noms de domaine et référencement 12 Mai 2021
Search Console Nombre de pages indexées différent sur la commande "site:" Débuter en référencement 15 Avril 2021
Redirection 301 Domaines et structures différentes URL Rewriting et .htaccess 26 Janvier 2021