Je viens d'installer IE9 afin de tester un site en construction... A cette occasion, je constate un problème que je n'arrive pas à résoudre malgré plusieurs essais de CSS :
Certains liens sont précédés d'une image de 16x16px dont voici le css :
padding-left: 27px;
background: url(images/image.gif) no-repeat left center;
La police de ces liens est assez petite et IE9 semble considérer que la hauteur d'affichage de l'image est la même que celle du texte. Donc l'image n'est pas affichée totalement, car coupée en haut et en bas.
J'ai essayé de jouer sur la hauteur de ligne, mais rien n'agit. Seul, le fait de grossir la police permet d'agrandir la zone d'affichage et de gagner les pixels utiles. Ou, évidemment de diminuer la taille de l'image :)
Si quelqu'un à une piste, c'est gentil...
D'avance merci !
NB : Ce problème n'existe pas sous les autres navigateurs, y compris IE8 et IE6.
Trouvez des réponses à vos questions sur la création de sites web, le référencement et les meilleures pratiques pour gérer un site. Échangez avec d'autres webmasters passionnés pour améliorer vos compétences en ligne et optimiser vos projets de site web.
