Discussion :

[dominos]

Bonjour,

Un soucis sur un petit dev m'a amené à effectuer un test sur différents navigateurs (IE6-IE9,FireFox,Chrome/Safari,Navicate,Opéra)

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<div style="border:1px solid gray; width:130px;">Test<div>

Ci-dessous une illustration représentant les différences de 1 px trouvé entre les navigateurs.



Savez-vous s'il existe une solution pour remédier à ce pb ?

Merci d'avance.

[miss_socrates]

A quel niveau se situe cette différence ? Est-ce la hauteur du cadre de texte ? Si oui, il suffit de préciser la hauteur du padding par exemple de 5 pixels :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
.text{
font-size: 12px ;
border: 1px solid red;
padding: 5px;
}

[dominos]

Non plus, sous Chrome/Safari et Opéra, il y a toujours une différence ,
le mieux que j'ai trouvé est d'utiliser font-family:veranda; mais si vous avez une meilleur idée...

[vodiem]

salut miss_socrates et dominos,

line-height

[dominos]

Impécable : IE6-10, FireFox, Chrome/Safari, Netscape, Opéra...

Merci.