Discussion :

[Nyphel]

Bonjour,

Pour mieux comprendre, voici sans plus tarder la page web en question :
http://location.btz.free.fr/

Sur la gauche on peut voir un menu composé de 10 étiquettes.
Ces étiquettes sont des images au format PNG avec fond transparent.
Chacune d'entre elle est disposée dans une <DIV>, et chacune de ces <DIV> est alors positionnée via du CSS.

Mon soucis est que la représentation diffère entre Microsoft Internet Explorer 7 et Mozilla Firefox 2, et ce de manière conséquente : le fond transparent de l'image devient visible sous Microsoft Internet Explorer, et il prend une couleur bleutée !

Voici le rendu (correct) sous Mozilla Firefox 2 :


Voici le rendu (incorrect) sous Microsoft Internet Explorer 7 :


Les images en question sont disponibles dans le répertoire suivant :
http://location.btz.free.fr/images/menu/

Si quelqu'un a un conseil, uns astuce ou une solution, je suis preneur

[sidahmed]

Bonjour,

ton problème a déjà été abordé dans le forum CSS, donc cherche dans ce forum, tu vas sûrement trouvé la solution à ton problème, je pense même qu'il y a des bouts de code à insérer pour régler le problème d'affichage des PNG, sinon tu peux toujours utilisé des GIF.

Cordialement,
Sidahmed.

[Nyphel]

Bonsoir,

Une solution m'a été indiquée sur un autre forum :
http://www.developpez.net/forums/sho...65#post2599665

Il s'agit d'utiliser un script Javascript qui vient corriger l'utilisation des images PNG pour IE5.5 et IE6. Dans mon cas cela ne suffit pas, puisque mes images sont "écrites" dans mon documet via l'appel d'une fonction Javascript de mon cru.

Si j'utilise le script correctif PNG, mes images n'apparaissent plus du tout

[Dsphinx]

IE supporte mal

• la transparence des images PNG
• certaines propriétés des CSS

Bref tout ce que tu utilises dans ton menu ! Désolé mais c'est l'éternel combat du webmaster de faire un site compatible IE / FF / Opera / etc...

[Nyphel]

Mais dans le cas présent le script correctif PNG fonctionne... Tant que je n'écris pas le code <IMG> depuis une fonction Javascript

[SpaceFrog]

rappelle la fonction de correction après avoir appendé l'image !