Discussion :

[Leoxp]

Salut à tous !

J'ai un soucis avec la propriété position:absolute.

Je m'explique : je suis en train de réaliser un menu tout simple : un tableau sur une ligne et dans chaque cellule un titre de menu. Lorsqu'on pointe sur un des titre, un tableau apparaît (en absolute et contenu dans la cellule du titre en question) pour pouvoir choisir un élément.

Seulement, alors que le tableau apparaît au bon endroit sous firefox (en dessous), il est décalé de moitié sous ie. Ca doit être sûrement quelque chose de simple à modifier, j'ai arpenté plusieurs pages de recherches sur le forum sans réussir à le résoudre...

Voici des captures des résultats (j'ai rajouté les bordures pour rendre les tableaux visibles) :

Sous firefox :


Sous internet explorer :



Voici mon code :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
<TABLE width='100%' align=center>
 <TR>
  <TD width='20%' id='cell1' onMouseOver='afficher(1)' onMouseOut='cacher(1)'>
   Toto
   <BR><TABLE ... id='Mcell1' style='display:none;position:absolute'>
   //Contenu du tableau
   </TABLE>
  </TD>
  //Idem pour 4 autres TD : cell2, ... cell5
 </TR>
</TABLE>

Voilà. Je vous passe le contenu des menus car je ne suis pas certain que ça vienne de là. Pour la fonction javascript :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
function afficher(id) {
  document.getElementById("Mcell" + id).style.display="";
  document.getElementById("cell" + id).style.fontWeight="bold";
}

Je sais que beaucoup de personnes ont des problèmes avec les différences ie/ff. Donc j'espère vraiment qu'il y aura des spécialistes en la matière.

Merci infiniment à tous ceux qui pourront m'aider ainsi qu'à ceux qui auront pris la peine de me lire.

[Bisûnûrs]

La déclaration d'un DOCTYPE XHTML ( http://web.developpez.com/faq/html/?...#html_doctypes ) peut résoudre ton problème et de ce fait utiliser une syntaxe correcte.

[Leoxp]

Je suis en train d'étudier le problème avec une DTD mais, malgré mon manque de connaissance en la matière, je n'ai pas l'impression que ça vienne de là...

[Leoxp]

C'est bon problème résolu. Je comprends à peine pourquoi mais bon :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
<TABLE width='100%' align=center>
 <TR>
  <TD width='20%' id='cell1' onMouseOver='afficher(1)' onMouseOut='cacher(1)'>
   <CENTER>Toto</CENTER>
   <TABLE ... id='Mcell1' style='display:none;position:absolute'>
   //Contenu du tableau
   </TABLE>
  </TD>
  //Idem pour 4 autres TD : cell2, ... cell5
 </TR>
</TABLE>

En fait il y avait une propriété "align=center" dans le TD principal. Résultat ça avait aligné le tableau au centre.

Mais bon tout est bon maintenant ! Merci quand même à toi Bisûnûrs pour ton aide