[ Résolu ] Petit problème de superposition

Bonjour,

Une fois de plus je viens vous demander de l'aide, car je sais qu'ici mes problèmes sont toujours résolue.

Alors voila, j'ai un menu horizontal, et lorsque je survole les liens certain se déplient. Et en se dépliant, il passe par-dessus tout.

Mon problème surviens sur IE. En effet quand je survole mon menu et lorsque mon lien se déplie, il passe par-dessus tout comme normal. Sauf quand ma carte est présente. Là il se déplie en dessous de la carte. La carte est une googleMap.

J'ai essayer de resoudre mon probleme en appliquant un positionnement static sur l'ensemble de mon menu, et sur ma maps. Puis en mettant un z-index.

Voici le résultat que je souaite


Sous IE, le menu se glisse sous la carte...
Modifié par Lust (09 Jun 2009 - 13:47)

Hello,

Lust a écrit :
J'ai essayer de resoudre mon probleme en appliquant un positionnement static sur l'ensemble de mon menu, et sur ma maps. Puis en mettant un z-index.

position:static est le comportement par défaut d'un élément (= non positionné). Pour que le z-index fonctionne, il faut "positionner" l'élément, en attribuant la valeur "relative", "absolute" ou "fixed" à la propriété "position".

Pour ne pas chambouler la mise en page, tu utiliseras du positionnement relatif sur les deux conteneurs, et un z-index plus important sur #menu (z-index:2) que celui de #contenu (z-index:1). Du code ou une page en ligne pourrait aider à localiser les conteneurs appropriés.

On finit avec un peu de lecture : Comment fonctionne la propriété CSS z-index ?
Modifié par BeliG (09 Jun 2009 - 12:44)

BeliG a écrit :

On finit avec un peu de lecture : Comment fonctionne la propriété CSS z-index ?

Je l'ai deja lu, mais j'ai pal compris... Enfin, j'ai fait le boulet...
Merci pour ton aide...