Discussion :

[Hoegaarden]

Bonjour à tous,

J'ai un menu horizontal qui lorsque je passe avec la souris sur un élément déroule un sous menu.
Mon problème vient (d’après ce que j'ai compris) de l'attribut position:absolute. Je n'ai pas le même comportement selon que j'affiche ma page sous IE 9 ou FF11.
Sous IE9, j'ai le comportement attendu c'est à dire que le sous menu se déroule sous l'élément sélectionné, alors que sous FF il est décalé vers la droite.
Comment pourrais-je résoudre ce comportement.
Après avoir regardé sur le net des solutions j'ai vu qu'il fallait mettre l'attribut position:relative à l'élément parent. Ce que j'ai fait mais sans succès.
Ma page HTML est du style

Code :

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

1
2
3
4
5
6
7
8
9
10
 
<table>...
  <table>...
    <table>...
      <div>...
        <table>...
        <tbody>
        <tr>
        <td style="position:relative;">
          <div style="position:absolute;">

L'attribut position:relative doit être dans le <td> de mon dernier tableau comme dans l'exemple ci dessus ?
Bref j'ai un problème de CSS

Merci de votre aide

Edit: Si ça peut vous aider en fait quand je mets position:fixed dans firefox ca donne le résultat escompté.

[Hoegaarden]

Bonjour à tous,

Comme je bosse sur ce projet qu'a mi temps, je viens refaire un tour sur le site pour voir si des gens avait posté, mais bon ce n'est le cas. Personne n'a d'idée pour me mettre sur la voie ?

Merci

[Candygirl]

Hello,

Il me semble que Firefox ne prend pas en compte un élément en display table-cell (comme ton tr) avec position:relative comme référence pour un positionnement absolu.

L'utilisation de tableau est-elle vraiment judicieuse dans ton cas ? Une structure en ul/li ne serait-elle pas plus adaptée (ce qui ferait disparaître ton souci).

Autrement tu peux toujours essayer d'attribuer un display:block sur la cellule en question, ou alors d'entourer le contenu d'un div en largeur et hauteur de 100%, au risque d'avoir certains impactes sur ta mise en page. Je n'ai jamais fait de recherches approfondies sur la question...

[Hoegaarden]

Salut,

Merci de ta réponse je vais faire des tests avec tes propositions.

[NoSmoking]

Bonjour,

J'ai un menu horizontal qui lorsque je passe avec la souris sur un élément déroule un sous menu.

il existe

La galerie CSS > Barres de navigation / Menus horizontaux

et notamment celui ci qui est full CSS

http://css.developpez.com/tutoriels/...enu01test.html

[Hoegaarden]

Bonjour,

@Candygirl, j'ai testé tes propositions mais ça ne fonctionne pas.
@NoSmoking, merci pour les liens je vais y jeter un coup d'oeil.

[Hoegaarden]

Re Bonjour,
Le problème que je n'ai pas mentionné est que le code HTML est généré a partir d'un contrôle Sharepoint en l’occurrence SharePoint:AspMenu et comme je suis en version 2007, d’après ce que j'ai pu lire sur le net il génère des "tables", donc je suis un peu coincé là.

[NoSmoking]

tu dois quand même bien avoir accès au code de ta page pour ajouter le menu à la mano, mais rien de très complexe.