DIV position differente IE/Firefox
Bonjour a tous,
Je construit actuellement un menu moi-même et j'ai un petit problème de placement de DIV entre firefox et IE
Voila la code :
Le lien du menu
Code:
1
2
3
4
|
<a href="" OnMouseOver="javascript:visibilite('id_div_1'); return false;" OnMouseOut="javascript:visibilite('id_div_1'); return false;">
<img src="image/menu/accueil.gif" border="0">
</a> |
le code javascript pour capter le passage de la souris et afficher le DIV
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
|
<SCRIPT LANGUAGE="JavaScript">
function visibilite(thingId)
{
var targetElement;
targetElement = document.getElementById(thingId) ;
if (targetElement.style.display == "none")
{
targetElement.style.display = "" ;
}
else
{
targetElement.style.display = "none" ;
}
}
</SCRIPT> |
Et le fameux DIV
Code:
1
2
3
4
5
6
7
8
9
10
|
<div id="id_div_1" style="display:none;position: absolute;margin-left:560px;margin-top:215px;">
<font color="white">
xxxxxxxxxxxxxxxx<br>
xxxxxxxxxxxxxxxxx<br>
xxxxxxxxxxxxxxxx<br>
xxxxxxxxxxxxxxxxx<br>
xxxxxxxxxxxxxxxxxx<br>
</font>
</div> |
résultat sous firefox : le DIV se place exactement sous le lien du menu, affichant donc le sous menu
Résultat sous IE : La hauteur est bonne, mais le div se place 300px plus loin que sous firefox
Ma question est : existe t'il un code simple pour que le div s'affiche au meme endroit sous les 2 navigateurs.
Ou dois je créer un style css pour IE ?
Merci d'avance pour vos réponse ;)
