Probleme de Div avec Safari

Version imprimable

Bonjour,

Je m'adresse à vous car j'ai un comportement "paranormal" sur safari.
Je m'explique :
Je veux faire une expand banner, quand l'internaute passe sa souris sur l'image de base qui fait 728 x 90 pixels elle grandit pour atteindre 728 x 300 pixels et dévoile le reste de l'image.
Voici le script :
Code:

1 2 3 4 5 <div align="center"> <div id="bandeau728" style="position:relative;width:728px;height:90px;"> <a href="http://www.xxx.com" target="_blank"><img id="ban2" src="/images/bandeau_extenddc.gif" style="position:absolute;top:0;left:0;visibility:hidden;z-index:2" onMouseOut="ban2.style.visibility='hidden'"></a> <img id="ban1" src="/images/bandeau_728_90dc.gif" style="position:absolute;top:0;left:0;z-index:1" onmouseover="ban2.style.visibility='visible'" > </div></div>
Ce script marche très bien sur IE8, Firefox 3.5, Opera 10 et Google Chrome. Par contre sur Safari rien ne se passe...

Quelqu'un sait-il pourquoi ?

Merci de votre collaboration.

Probablement parce que Safari est plus rigoureux au niveau de la syntaxe JavaScript et ne comprends pas ce que tu appelles ban2.
Ceci dit, cela m'étonne quand même que ça fonctionne avec des navigateurs autres que IE :koi:

Code:

1
2
3
4
5
<div align="center">
<div id="bandeau728" style="position:relative;width:728px;height:90px;">
<a href="http://www.xxx.com" target="_blank"><img id="ban2" src="/images/bandeau_extenddc.gif" style="position:absolute;top:0;left:0;visibility:hidden;z-index:2" onMouseOut="document.getElementById('ban2').style.visibility='hidden'"></a>
<img id="ban1" src="/images/bandeau_728_90dc.gif" style="position:absolute;top:0;left:0;z-index:1" onmouseover="document.getElementById('ban2').style.visibility='visible'" >
</div></div>

12/12/2009, 21h08
eric.pareto

merci de te soucier de mon probleme,

ban2 est le nom donné à l'image qui est appelée en remplacement de ban1 (le nom de l'image d'origine.

Je confirme que IE8, Firefox 3.5 Opera et Google Chrome savent interpreter sans probleme ce script.

J'AI TROUVE !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

tu m'as mis sur la piste avec :"ban2" en fait Safari a besoin de la balise NAME pour pouvoir fonctionner...

Merci.
12/12/2009, 21h18
Bovino

Euh... le code que je t'ai mis ne fonctionne pas ?
En tout cas, il est plus propre que de passer par des name :roll: