28220 sujets

CSS et mise en forme, CSS3

Bonjour,

Un bug IE6 Windows et IE5/Mac que je ne connaissait pas, ces machins ne savent visiblement pas gérer les retours à la ligne des blocs de type inline quand il y a une image no-repeat et left en background.


a.inf {background: transparent url(im/de/inf.gif) left center no-repeat; margin-right: 4px; padding: 3.5px 2px 3.5px 20px}


Si le lien est coupé car trop grand pour la page, l'image du background s'affiche en début du retour à la ligne, et non en début de bloc comme prévu.

Connaissez-vous ce bug assez ennuyeux ?

Je pense que l'on peut s'en sortir avec des display: block et float:left, ou en mettant le background dans un span, mais connaissez-vous une solution plus simple ?

MERCI d'avance.
Si tu veux voir le problème, www.touslescables.com, recherche par référence TLC (menu dans le cadre de gauche), produit numéro 23, va voir le bas de page.

Mozilla affiche le background du lieen sur dux lignes au bon endroit, mais pas IE.