[RESOLU] Menu au milieu de la page

Bonjour,

Voilà quelques jours que je m'arrache les cheveux pour placer mon menu au milieu de la page. J'arrive soit à le mettre à droite soit à gauche avec float:
(la page se situe sur http://saint-nicolas-neder.be )
Voici mon css pour le menu mais j'ai tellement changé pour tester ... que ...

.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
background-color:#bed6fa;
text-align:center;
height:30px;
margin: 10px;
min-width: 100px;
padding:5px;
}

Merci d'avance pour votre aide ...

Sub
Modifié par subran (27 Jul 2011 - 00:33)

Salut,

Chez moi, ton menu est bien au milieu.
Mais en général, pour centrer un élément, tu fais :

.element {
   margin-left: auto;
   margin-right: auto;
   width: 500px;
}

Avec bien sûr en width la valeur que tu souhaites avoir.

mmm ha oui l'élément .sf-menu est au milieu mais le menu contenu dedans ne l'est pas ...

comment pourrais-je afficher les titres de menu qu'il contient au milieu ?

.sf-menu ul {
margin: 0;
padding: 0;
width:500px;
}

mais cela reste à gauche

J'ai dit auto, pas 0 pour margin.

De plus, tu es sûr que le contenu fait 500px ? J'avais mis ça à titre d'exemple, mais il faut remplacer cette valeur par la width de ton objet.

Oui sorry, j'ai changé en :

width: 775px;
margin-left: auto;
margin-right: auto;

et le menu est au milieu mtn jdois encore faire en sorte qu'il remonte un peu dans son bloc pcq il n'est plus au milieu verticalement ...

Avec :

position: relative;
bottom: 17px; */ je remonte la ligne de 17 px */

Merci pour votre aide !
Modifié par subran (27 Jul 2011 - 00:33)

Je t'en prie