Onmouseover sur un div: comportement different IE/FF

cbesnard

24 Aug 2005 à 10:02

hello tout le monde,

je suis en train de faire une sorte de menu deroulant pour un site mais j'ai un probleme de compatibilité IE / FF !

J'ai fait une page de test toute simple pour voir le pb : http://beschr.free.fr/test.html (svp pas de remarque sur le doctype ce n'est qu'une page de test)

sur FF des que je passe sur le div il s'agrandit et des que j'en sort il diminue : ok c'est ce que je veux

sur IE des que je passe sur le texte contenu dans div il s'agrandit et si je promene mon curseur sur le div mais a un endroit ou il n'y a pas de texte alors il se referme !!!

donc qques questions :
1/ quel est le comportement normal pour mon code ? (celui de IE ou de FF)
2/ comment faire pour que ca marche comme je le veux qque soit le navigateur ?

merci d'avance,
chris

GeorgesM

4 Sep 2005 à 18:13

Bonjour.

En attendant des avis plus autorisés, il semble que ce soit lié au modèle de propagation des évenements.

Ce qu'en dit le w3c :
http://www.lacot.org/w3c/REC-xml-events-20031014/

Un exposé :
http://www.aidejavascript.com/article144.html

Le problème se produit avec ie quand le menu est placé sur le <body>.
Pour le faire fonctionner malgré tout avec les deux navigateurs, j'ai vu deux solutions:

- Inclure le menu dans un div de niveau supérieur
- fixer background-color
Modifié par GeorgesM (04 Sep 2005 - 18:14)

Laurent Denis

4 Sep 2005 à 19:58

Bonsoir,

Ne pas faire ce type de test sur du contenu anonyme et des div génériques avec des <br />. Le comportement d'IE, en particulier, est susceptible de changer totalement dès que les éléments HTML spécifiques utilisés dans le code réel seront là.

Tester avec le balisage final du contenu (paragraphes, listes, liens a, etc).