Probleme de menu déroulant horizontal.

Bonsoir.

Pour ma toute premiere apparition sur ce forum qui m'a l'air bien simpatique, je me presente.
Je m'appelle Fred et je suis actuellement en pleine realisation d'un site de philosophie destiné à tous ceux qui le souhaitent.
http://philopourtous.ovh.org/[/url]

J'ai créé le menu selon le tutoriel AlsacreationS :
http://css.alsacreations.com/Construction-de-menus-en-CSS/Un-menu-deroulant-en-CSS-et-XHTML-vertical-et-horizontal[/url]
Et voici le résultat censé obtenir :
http://css.alsacreations.com/xmedia/exemples/deroulant/menu-horizontal.htm[/url]


Cependant, sur ma page quand je l'ouvre avec Internet Explorer 6, IMPOSSIBLE DE NAVIGUER SUR MON MENU !!!


Avez-vous une solution svp ?!

Merci d'avance.

Egalement, quand je l'ouvre avec Internet Explorer 7, le menu déroulant passe DERRIERE mes images que j'integre avec :

#corps h1
{
background-image: url("bienvenue4.png");
background-position: center;
background-repeat: no-repeat;
width: 750px;
height: 100px;
}

Pourtant j'ai bien mis :

#menu 
{
position: center;
margin-top: 10px;
width: 750px;
height: 80px;
margin: auto;
z-index: 100;
}

Avez vous, là aussi, une solution svp ?!


Merci d'avance également.

Bonne soirée.
Modifié par ==> Fred <== (08 Jan 2007 - 22:33)

Bonsoir et bienvenu à toi ...

tout d'abord, pourrais-tu éditer ton post ...
Car les liens ne sont pas tous valides.

Concernant ton problème et sans avoir regardé tous les détails, sache que la condition pour que z-index soit interprêté est que ton élément doit être positionné au moyen de l'une des trois syntaxe suivante :

position:absolute;
position:relative;
position:fixed;

position : center;
étant inexistant en CSS ...

En effet, mon deuxiemle bug venait de cette erreur ... Et le premier une idée ?!


MERCI POUR LA CORRECTION ! :d

En fait, quand je mets :

position: absolute;

Je trouve mon menu carément collé à gauche de l'écran alors que je le veux centrer au milieu de la page (d'ou mon improvisation center).

Donc le probleme n'est pas résolu !

Je pense qu'il te faut commencer par revoir les bases.

Ce tutoriel t'expliquera à quoi correspondent les différents positionnements :
- Comprendre le positionnement des éléments en CSS
Modifié par Cygnus (09 Jan 2007 - 21:41)

Cygnus, tu ne comprends pas ce que je veux dire ...
Je sais utiliser les margin-left, right, top, bottom. Mais là je veux centrer mon menu d'ou :

margin-left: auto;
margin-right: auto;

Mais ça ne marche pas ...

J'ai essayé les différentes position et il fallait prendre la positin: relative;

Voici le code, apriori "bon" :

#menu 
{
position: relative;
margin-top: 10px;
width: 750px;
height: 80px;
margin-left: auto;
margin-right: auto;
z-index: 100;
}

Merci !