J'ai un problème avec la frontière dans IE7. Pour une raison quelconque, la bordure ne s'affiche que du côté gauche et du côté droit :

IE7, rend incorrectement :

alt text

FF, rend correctement :

alt text

En utilisant ce CSS:

.tags a {
  background:#fff;
  border:1px solid #D8DFEA;
  padding:5px;
  margin-left:5px;
  color:#3B5998;
  font-size:14px;
}

Qu'est-ce que je fais mal?

2
Gandalf StormCrow 22 janv. 2010 à 23:15

3 réponses

Meilleure réponse

Très probablement, les bordures sont coupées par la hauteur du conteneur .tags. Le css pour .tags a lui-même semble OK.

Notez que puisque <a> est un élément en ligne, vous ne pouvez pas définir sa hauteur (à moins que vous ne la définissiez sur display:block). La différence de hauteur est probablement due au rendu différent des polices par les différents navigateurs. Méfiez-vous également de Safari qui a tendance à rendre les polices plus grosses (occupant plus de pixels) que tous les autres navigateurs.

5
slebetman 22 janv. 2010 à 23:18
Que dois-je faire dans ce cas ?
 – 
Gandalf StormCrow
22 janv. 2010 à 23:20
1
Montrez-nous la règle CSS de .tags ou de tout autre conteneur parent où la hauteur est définie. Le css que vous nous montrez ne cause pas le bug.
 – 
slebetman
22 janv. 2010 à 23:22
Excellent champion, quand je l'ai configuré pour afficher le bloc, ils sont allés dans des lignes séparées, j'ai ajouté le flotteur à gauche, maintenant cela fonctionne tnx
 – 
Gandalf StormCrow
22 janv. 2010 à 23:29

Je viens d'avoir le même problème dans IE. Je pense que cela est dû au fait que j'ai défini la taille de la police dans ce div.

J'ai réglé la hauteur de ligne pour qu'elle corresponde à ma taille de police, et cela fonctionne dans IE, FF, Chrome, Opera, Safari - ouais !

2
helena 27 août 2010 à 13:52
Line-height a corrigé le problème qui se produisait également dans ie9!
 – 
Dave
17 avril 2013 à 04:25

La solution d'Helena a fonctionné pour moi aussi, mais pour clarifier, j'ai dû définir le line-height du <div> environnant pour être légèrement plus grand que la taille de la police du <a>.

Donc quelque chose comme ça:

<div style="line-height:40px">
    <a style="font: 14px/36px Arial; ....">
</div>
0
user256604 10 févr. 2011 à 10:39