Images transparentes dans MS IE 6

[glenux]

Bonjour, je constate que la version (6 sous XP avec SP1) qu'il m'arrive d'utiliser de Microsoft Internet Explorer :
- ne gère pas bien les images PNG avec transparence alpha ;
- ne gère pas du tout les animation MNG ;
- ne gère pas bien certains balises CSS...

Ces 3 choses sont standardisés par le World Wide Web Consortium (l'organisme qui décide des formats qui doivent etre supportés par les navigateurs, pour l'inter-opérabilité, etc...).

De plus les navigateurs Opera et Mozilla gèrent parfaitement ces 3 choses...

Est-ce normal ? Est-ce un probleme de configuration ? Est-ce la version en question de IE ? Que faire pour y remédier ?

J'ai absolument besoin d'une réponse. Sachant que c'est pour un site que je développe où j'ai absolument besoin d'une image (au moins) avec transparence en dégradé (ce que GIF ne peut pas faire) et qui soit conforme aux normes (donc pas de FLASH non plus)

[enrade]

Alors, le format png, bien qu'effectivement standardisé, n'est pas encore reconnu par tous les navigateurs, même les plus récents. Pour les anciennes versions, je n'ai pas d'infos précises, mais je suppose logiquement qu'ils ne le reconnaissent pas.

Je ne vois donc que la solution du .gif pour garantir un affichage quels que soient le navigateur, sa version et l'OS. Photoshop offre une grande souplesse pour l'optimisation de gif, encore faudrait-il savoir les contraintes imposées, notamment la taille du fichier. Mais c'est certain que si le dégradé doit être réalisé en plus de 256 couleurs, ça ne sera pas possible. A part le gif, je ne vois pas de solutions, mais bon, je ne suis pas non plus spécialiste.

Quant au mng, je crois bien qu'il n'est supporté que par les navigateurs ayant pour "bases" Gecko.

Voilà, en espérant que cela pourra aider un peu, mais qu'il n'hésite pas à poser sa question sur des forums où de vrais graphistes pourront lui répondre et bien mieux le conseiller que moi (sur allhtml.com par exemple).

Bon tu as compris que la réponse ne venait pas de moi, mais d'une personne proche qui s'occupe de quelques sites et qui doit faire des choix entre :
1) respecter les règles strictes d'écriture du www (ce qui est dans sa mentalité)
2) "mal écrire" pour toucher le plus grand nombre (à cause de win)

si j'ai bien tout compris.

En espérant avoir repondu à ton attente par son intermediaire

[glenux]

Pour aider ton ami sur le sujet en question, propose lui de visiter ce site :

http://www.openweb.eu.org

c'est un site qui respecte à 100% les normes et qui t'apprendra a en faire autant...

Pour en revenir au PNG... le probleme n'est pas le degradé, mais d'avoir des couleurs semi-transparentes (transparence alpha). Le GIF utilise un masque de transparence donc :
- il ne peut pas utiliser de couleurs semi transparentes
- de la facon dont le gif est concu, meme si c'etait possible, il ne serait possible d'utiliser qu'une seule couleur semi-transparente...

L'autre probleme du GIF c'est que les bords sont souvent super moches des que l'on change la couleur du fond de la page... (ce qui n'arrive pas avec une image avec un degradé alpha vers les bords, et qui donc fait un dégradé vers la couleur de background)

A titre informatif... pour le "n'est pas encore reconnu par tous les navigateurs" : il n'y a que IE version Windows qui ne le supporte pas...
- IE version MAC le supporte...
- KHTML -> Safari : le navigateur de Apple (sur mac) et Konqueror (Linux & unix) le supporte
- Gecko -> Mozilla, Netscape, Galeon, Phoenix, Epiphany, Firebird, etc... le supportent aussi (avec les MNG)
- Opera -> depuis le 5 le supporte aussi sans aucun probleme...

Ensuite il reste IE, et les navigateurs en mode texte (mais eux en fait ca ne les concerne pas...)

[enrade]

Cher Glenux
Dis moi, quelle est ta question exactement ?
En lisant ton message, j'ai immediatement pensé à une personne de mon entourage qui me faisait part de quelques problèmes rencontrés lorsque l'on doit réaliser un site.

1) respecter les règles strictes d'écriture du www (ce qui est dans sa mentalité)
2) "mal écrire" pour toucher le plus grand nombre (à cause de win)

Là est le coeur d'un gros problème.

Je ne vois donc que la solution du .gif pour garantir un affichage quels que soient le navigateur, sa version et l'OS.

Mais le résultat escompté n'est pas au rendez vous, vous êtes tous deux d'accord sur ça, l'un par courrier, l'autre par téléphone.

Photoshop offre une grande souplesse pour l'optimisation de gif, encore faudrait-il savoir les contraintes imposées, notamment la taille du fichier. Mais c'est certain que si le dégradé doit être réalisé en plus de 256 couleurs, ça ne sera pas possible. A part le gif, je ne vois pas de solutions, mais bon, je ne suis pas non plus spécialiste.

Je suppose qu'une couleur transparente ne rentre pas dans les 256.

Pour en revenir au PNG.......................................degradé alpha vers les bords, et qui donc fait un dégradé vers la couleur de background)

Tes connaissances en infographies ne sont donc pas minimes.

Nous en arrivons au problème ie donc de windobe qui encadre de force et mal le reste du monde.

Je transmet quand même.
A plus.

[glenux]

Je suppose qu'une couleur transparente ne rentre pas dans les 256.

Apparemment tu n'as pas compris ce que je voulais dire... Bon, je recommence :

Avec le GIF, tu désigne UNE couleur, et partout ou cette couleur apparait elle sera remplacée par du vide (c'est a dire la couleur du truc qu'il y a derriere l'image). De plus c'est tout ou rien, cad qu'un pixel sera soit complement transparent (on voit ce qu'il y a derriere) soit il sera 100% opaque.

Avec de la transparence alpha, pour chaque pixel, tu désigne un coefficient d'opacité, et donc toute couleur peut etre transparente, semi-transparente, semi-opaque, voir compltement opaque...

----
P.S : Rien a voir (ou presque) je suis curieux de voir comment passe ce site sous IE (site qui respecte a 100% les normes et qui n'utilise pour les effets visuels que du CSS1 et tres peu de CSS2) , si qqn pouvait me faire un screenshot (et le poster pkoi pas):

http://www.meyerweb.com/eric/css/edge/c ... /demo.html

chez moi ca donne ça :

[enrade]

Me revoilou,
ah suis pas infographiste moi, mais j'aurai compris un truc qui s'applique à mes collègues.
Donc je suis passé de nouveau sous ie6 pour te tirer le portrait.