Menus en cascade, select, iframe et IE

Bonjour à toutes et à tous,

Comme pas mal de monde ayant décidé de faire des menus en cascade, j'ai décidé d'utiliser la version proposée sur Ibilab.net (le mien ressemble à cet exemple). Malheureusement, je me suis retrouvé avec un problème assez commun, si j'en crois le nombre de réponses de Google sur ce sujet ; à savoir, les select passent au dessus du menu quelques soient les circonstances (voir pourquoi) avec Internet Explorer.

Après avoir recherché sur Google, donc, j'ai trouvé une bidouille. Il faut utiliser une iframe (qui elle s'affiche au dessus des select) qui se déplacera juste au niveau du menu qui apparait, puis mettre cette iframe à un z-index inferieur au menu pour qu'elle ne soit pas visible. Tout ça avec du javascript donc.

Jusque là tout va bien quand il s'agit du 1er niveau du menu en cascade. Mais sur le deuxième développement sur la droite (cf exemple au dessus), c'est une autre histoire. Toutes les informations que j'essaie de récupérer en javascript pour pouvoir avoir la taille et la position du deuxième développement semblent érronées et du coup impossible de placer correctement l'iframe.

J'espère avoir été clair dans mes explications. Si vous voulez un peu de code pour "etailler" tout ça, n'hésitez pas à demander je mettrais ça à disposition.

Merci d'avance!

PS: Je ne savais pas si ce sujet était plutôt Javascript que CSS, j'ai décidé de le mettre là, désolé si c'était pas le mieux à faire.
Modifié par Soda (08 Nov 2005 - 18:49)

Comme c'est un petit peu complexe (enfin, aussi parceque je n'ai pas réponse ), je vous montre ce à quoi je suis arrivé pour que vous puissiez avoir une petite idée de ce qu'il retourne.

Je m'excuse par avance, le CSS n'est pas aux normes et le menu n'est pas très jolie avec un autre browser que IE.

La forme blanche qui apparait lorsque le deuxième développement apparait est la 2ème iframe que je n'arrive pas à positionner correctement. La 1ère ne se voit pas donc, puisqu'elle est affichée juste en dessous du 1er développement, ce qui permet au menu de passer au dessus des select.

Merci.
Modifié par Soda (09 Nov 2005 - 11:18)

Ouai moi aussi j'ai opté pour cette solution de la iframe le gros problème qui se posse maintenant c'est sous opera ca marche pas bien.... Pour ton problème il faut jouer avec le css et la iframe c'est pas simple mais... avec un peu de motivation on y arrive si quelqu'un a une solution pour opéra je suis preneur

tchousssssss

Qu'entends tu pars?

TonTon a écrit :
jouer avec le css et la iframe

Personellement, mon problème est plus d'arriver à récupérer la position et la taille du deuxième développement en javascript pour les appliquer à l'iframe plutôt que de toucher au css (bien qu'il faille y toucher un petit peu)?

As-tu aussi 2 developpements sur le site ou tu as utilisés ce hack?

Sinon pour ton problème il faut, à mon avis, faire en sorte de ne pas exécuter le javascript avec Opera puisque lui n'a pas besoin cette bidouille.