Discussion :

[Dominique7]

Bonjour,

Je m'arrache les cheveux sur un problème de z-index...
Voici la page en ligne :
http://www.ego-project.eu/index.php?...=43&Itemid=111

Quand on survole le menu Organisation, l'item Members, le sous-menu, comportant une dizaine d'items, passe sous le footer.
J'ai collé des z-index partout avec des positions relatives, c'est-à-dire, dans les div content et footer, dans les div enfant de content. J'ai mis le conteneur (page) en position relative...

Je ne sais plus quoi faire d'autre ! J'ai essayé d'enlever "position;relative" du footer, de mettre son z-index en négatif, rien n'y fait !
Any suggestion, please ?
Merci à l'avance pour vos réponses.

[polymorphisme]

Bonjour Dominique,

il y a soucis avec l'URL http://www.ego-project.eu/index.php?...=43&Itemid=111
le serveur retourne l'erreur 404.

[ptilemare]

Bonjour,
J'arrive à y accéder pour ma part.

As tu utilisé la propriété

Code :

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

clear:both;

dans ton footer ?

Bien cordialement.

[coeos.pro]

Bonjour, il n'y a pas d'erreur 404 chez moi, effectivement le menu passe sous le footer. Votre code est atteint d'une très sévère divite, exemple : ca commence par jsn-content_inner jusqu'à jsn-content_inner7 et je ne vois pas l'intérêt, ca alourdi le code, avec firebug c'est infernal pour s'y retrouver.
Autre point qui me chiffonne, dans le html vous mettez le contenu (centre, en float left) et ensuite le menu à gauche en float left.
Difficile de s'y retrouver pour l'instant.

[Dominique7]

Merci pour vos interventions rapides.
Il s'agit d'un template acheté par mon client sur internet, ce qui explique peut-être une certaine construction.
Le fait que de nombreuses div soient imbriquées peut-il expliquer que le z-index ne marche pas ?
D'après le libvre d'O'Reilly "CSS", les div enfants se situent au même niveau que le div parent sur l'axe z...

Ptilemare, j'ai placé la propriété "clear:both" dans le footer, mais ça ne change rien...

Dans l'attente de vos réponses ou expériences,
Cordialement

[coeos.pro]

Le plus problème de toutes ces div imbriquées c'"est la lecture du code, notamment avec Firebug.
Je n'ai trouvé qu'une seule solution qui peux poser problème par la suite si le menu se rallonge de manière plus ou moins importante mais qui fonctionne en l'état, pour le menu qui va sous le footer, vous le remontez:

Code html :

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

1
2
3
4
 
<ul style="width: 0px; left: -999em; margin-left: 167px;">
 
<ul style="width: 0px; left: -999em; margin-left: 167px;top:-250px;">

Il faut au minimum -150px pour qu'il soit pile poil aligné avec le footer.

[Bisûnûrs]

Ton problème vient du overflow:hidden sur le div #jsn-content. Supprime le pour voir apparaître ton menu.

[Dominique7]

Merci pour vos réponses.
J'ai testé, Bisounours, la suppression de "overflow:hidden" : cela me donne un début de solution... :
http://www.ego-project.eu/index.php?...=43&Itemid=111
Il me semble que je dois continuer dans cette voie, mais j'ai un peu peur de tout casser (c'est-à-dire de mettre en l'air les affichages sur les différents navigateurs) en commençant à modifier les largeurs des différentes div pour qu'elles reprennent l'aspect attendu...
Je vais faire quelques tests et je reviens vers vous si je galère encore...
Merci beaucoup.

[polymorphisme]

Bonjour Dominique7,

mais j'ai un peu peur de tout casser

Dans ce cas, il faut faire une copie de tes fichiers !