Discussion :

[justmefr]

Bonsoir !


Je désire mettre en place un nouveau menu pour la nouvelle version de mon site, un menu déroulant très classique trouvé à cette adresse.

Il marche très bien sous firefox mais malheureusement ça pose problème tout de suite sur Internet explorer qui bloque le menu au niveau de l'endroit où une des div dans lequel il se trouve (la div "entete") se ferme.


Auriez vous éventuellement une idée, je pense que cela doit être assez simple mais je passe définitivement à côté du truc...

Lorsque je place le "</div>" correspondant au menu après la div à partir de laquelle il y a le bug, tout s'affiche correctement sous Internet Explorer, mais plus sous Firefox.


Voici l'adresse de la page.


Merci d'avance.

[pop_up]

Le sélecteur css :hover ne fonctionne que sur la balise <a> sous IE6.

Du coup, tout tes styles avec li:hover ne sont pas pris en compte.

En recherchant sur le forum, tu devrais trouver des alternatives ou des menus déroulants qui fonctionnent. C'est un sujet qui reviens fréquemment.

[justmefr]

Merci beaucoup, je pense simplement essayer le menu déroulant disponible sur developpez à défaut de réussir à m'en sortir pour celui-ci !

[justmefr]

Le problème semble malheureusement le même avec le menu proposé par developpez (celui-ci),

Sous Internet Explorer, le menu se bloque à la fermeture de la div dans laquelle il se trouve au lieu de continuer comme "z-index:5" est supposé le faire.


Aucune idée ?


Merci d'avance, c'est vraiment gentil de s'attarder sur mon problème.


(la page avec ce menu)

[pop_up]

Dans la galerie, il est écrit que ce menu ne fonctionne pas avec IE6.

Tu peux regarder ce site : http://www.cssplay.co.uk/

Par contre, quand tu regharde le code, c'est un peut moins joli parfois car il utilise les tableaux (de ce que je me souviens des menus que j'ai vu il y a longtemps)

Si tu cherches des menus déroulants accessibles, alors la il va te falloir de la patience et rechercher ça sur le net mais c'est loin d'être simple et rapide.

[justmefr]

Je cherche surtout la compatibilité avec IE7 qui est pour le moment effective (le menu en tant que tel marche très bien sous IE7), le seul problème est que sur ce navigateur il n'arrive pas à se positionner au dessus de la div se trouvant en dessous du menu (étant donné qu'il est un petit peu long). Donc il s'arrête au moment où la div se trouvant en dessous s'affiche et donc pas dans son intégralité.

Il doit y avoir une solution pour ça non ? Car je pense que je trouverai le même problème avec tous les menus...


EDIT : Le premier menu que j'ai pris est justement de chez cssplay .


Merci encore

[pop_up]

Désolé mais je ne pourrai pas t'aider car je n'ai pas IE7 sur mon poste.

Tu peux peut être essayer de faire une feuille de style conditionnelle pour IE7.

Bon courage

[Macmillenium]

Bonjour,

Je désire mettre en place un nouveau menu pour la nouvelle version de mon site, un menu déroulant très classique trouvé à cette adresse.

Il marche très bien sous firefox mais malheureusement ça pose problème tout de suite sur Internet explorer qui bloque le menu au niveau de l'endroit où une des div dans lequel il se trouve (la div "entete") se ferme.


Auriez vous éventuellement une idée, je pense que cela doit être assez simple mais je passe définitivement à côté du truc...

Lorsque je place le "</div>" correspondant au menu après la div à partir de laquelle il y a le bug, tout s'affiche correctement sous Internet Explorer, mais plus sous Firefox.


Voici l'adresse de la page.


Merci d'avance.

La superposition des éléments positionnés a toujours posé des problèmes sous IE7-.
Essaye de te débarrasser du position:relative sur #centresite, centresite2 et boxhead.

Sinon attribue un z-index supérieur à ton menu.

[justmefr]

Bonjour,

J'ai déjà essayé ce qui touche aux z-index (j'ai attribué la valeur 8 à toutes les lignes du css du menu) mais cela ne semble malheureusement pas changer le menu.


Concernant les position relative je n'avais rien trouvé d'autre pour la mise en page du site lors de sa conception.


Merci beaucoup à tous pour votre aide, je vais continuer de bidouiller, n'hésitez pas si vous avez des idées qui vous viennent.

[justmefr]

J'ai rêglé le problème en plaçant la div du menu dans cette div qui le coupait en en mettant dans son css un margin-top négatif. Tout marche parfaitement !


Encore merci pour vos aides et idées.