PNG avec transparence entre IE7 et FireFox2

Bonjour, je développe un petit site pour mon stage et je rencontre un problème entre les 2 navigateurs sur lesquels je fais mes tests :
- Firefox 2.0.0.12
- IE 7

Le footer de ma page est un PNG dont le "ciel" de la caravane est en fait en transparent ce qui permet de faire passer le contenu de mon iframe dernière la dune, bref le résultat voulu est visible avec IE7 sur www.monsejouraumaroc.com

alors que sur Firefox, cela ne marche pas du tout !! l'effet de transparence n'est pas pris en compte et le contenu de mon iframe princpale passe dernière le haut de l'image et non dernière la dune

J'attends de l'aide, merci ^^

Aucune différence entre IE7 et Firefox de mon côté.

Bizarre...

Et que vois-tu ? Ce que je recherche à faire ou non ?

Oui, le PNG du footer est bien transparent sur Firefox quand j'affiche la liste des appartements par exemple.

Bonjour,

Si je me souviens bien, une recherche des appartements ne donnera qu'un seul résultat, or ce n'est pas suffisant pour faire apparaitre un ascenseur et ainsi constater le problème. Il faut faire une recherche sur des gites ou agences immobilières qui possèdent beaucoup d'occurences.

Désolé pour l'oubli de cette précision ^^

J'attends vos nouvelles !

Cordialement

Je ne savais plus quelle recherche j'avais faite, mais elle faisait bien apparaître l'ascenseur.

Je viens de réessayer sur les chambres d'hôtes et je confirme que ça fonctionne sur Firefox.

Merci de ta réponse.

C'est fou, j'ai pourtant Firefox 2.0.0.12 à mon stage (ou je suis en ce moment même) et cela ne marche pas sur celui-ci...
Quelqu'un aurait une idée de pourquoi Firefox n'en fait qu'à sa tête pour mon cas ^^ ?

Merci

Pourrait-on voir le résultat que tu obtiens ? Avec un screenshot par exemple.

Bien sûr !

Et voila ^^

http://img341.imageshack.us/img341/2...itrepg1.th.jpg

Il y a dans le forum javascript un script qui permet de feinter IE au niveau de la transparence des PNG...

C'est assez étrange en effet. Je vois ça de la manière non pas que Firefox ne gère pas ton PNG transparent, mais plutôt que ton div bottom a la même couleur de fond bleu que le reste.

Essaie de forcer le background-color à transparent pour ton div bottom.

Je viens de vérifier et il n'y a pas de couleur défini en background pour ce div :(

Je sais, mais peut-être qu'en forçant à transparent ..

Sinon difficile de t'aider vu qu'on n'a pas ce problème. :?

Citation:

---

Envoyé par Bisûnûrs

Je sais, mais peut-être qu'en forçant à transparent ..

---

Comment puis-je faire cela ?

Code:

---

background-color:transparent;

---

Bouh, ca ne change rien ! :(

Apparemment, la version 2.0.0.12 est bien la dernière version actuellement !

Salut!

Je viens d'explorer un peu le code de ta page, et je te propose de tester ces solutions.

(Avant toute chose, je n'ai pas de problème d'affichage sur Firefox 2.0.0.12...)

Je te conseille de passer le background-color de #content à transparent également, ainsi que de dégommer la couleur de background du body de ton iframe...

En bref, tous les éléments qui ont comme couleur de background #9AC3D7, donne leur "transparent" comme "couleur"... Sauf le background du body de ta page globale (a contrario de celui de ta frame)...

J'espère que je suis clair, mais c'est vrai que c'est un problème étrange...


Courage, et tiens nous au courant!

Merci beaucoup, cela fonctionne parfaitement !

J'ai mis comme dit : background-color: transparent; dans mon #content {...}

C'est parfait, merci encore ^^