Discussion :

[Arno_94]

Bonjour à tous,

Bienheureux de renouer avec le développement Web, je suis actuellement sur une application relativement simple.

Concrètement, j'ai créé, via des fonctions Scriptaculous, un controle comparable au collapsiblepanel de l'ajax control toolkit.

Mon directeur technique en veut 3 : un pour la recherche, un pour le resultat de la recherche et un dernier pour le détail.

Mes 3 panneaux sont en place dans un update panel, j'échange les infos entre eux, tout fonctionne à merveille et puis, je me suis mis en tête de faire un menu fixe.

Et là, c'est le drame. Si tout se passe à merveille sous IE, sous Firefox et Chrome, mes dropdownlist qui sont dans le premier panneau ne sont même pas accessibles, j'entends par là que je les vois mais quand je clique dessus, il ne se passe rien du tout, comme s'il s'agissait d'une image de fond...

Si j'enlève mon menu en position fixed, ça refonctionne mais j'aimerai bien le garder.

Une idée ?

D'avance, merci et bons devs.

[Arno_94]

J'ai fini par trouver, c'était en effet bien à cause du div en position fixed.

Tel qu'il était, il générait pas mal de soucis (des divs clicables ne l'étaient plus, etc).

J'ai trouvé une solution en fouillant sur le net.

Elle consiste juste à créer un second div encadrant le premier et c'est ce second div qui est en fixed.

Quant à la taille, c'est le div qui sera à l'intérieur qui en décidera.

Voilà, j'ai fait ce simple changement et tout fonctionne à merveille et j'ai mon menu fixe.

Code :

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

1
2
3
<divstyle="position: fixed; top: 0px; left: 0; right: 0; border: none; z-index: 50;">
    <div>C'est ce div qu'il faut renseigner au niveau des tailles</div>
</div>

Voilà, en espérant que ça puisse aider quelqu'un un jour...