Centrer un menu(div/list) en CSS


#1

Bonjour,

J aimerais résoudre un petit problème en CSS, bien que peut être en tableau serait plus simple.

Donc voici une liste, a l intérieur d un div, pour centrer le div, je réduis sa largeur et met les 2 marges en auto.
Le problème c est que ca ne convient pas si l ecran change de taille.
J aurais aime avoir la liste centrée a l intérieur d un div de 100% de largeur
(ou plus simple, j aimerai avoir un menu centré, quelle que soit sa taille et quelle que soit la taille de l écran)

<div id="menu"><ul><li><a class="current" href="main.html" title="Accueil">Accueil</a></li><li><a href="activites.html" title="Activites">Activites</a></li><li><a href="musique.html" title="Musique">Musique</a></li><li><a href="photo.html" title="Photo">Photo</a></li><li><a href="cv.html" title="Curriculum" >Curriculum</a></li><li><a href="contact.html" title="Contact" >Contact</a></li></ul></div>
#menu {
	margin-left:auto;
	margin-right:auto;
	width:45%;
	height : 34px;
	padding-top : 0;
}

Comment je dois m y prendre
Merci


#2
div#menu ul {
	text-align: center;
}

#3

Et puis le soucis avec les ul / li c’est que chaque navigateur les interprete différement par défaut. Si tu veut vraiment les utiliser je te conseille de faire un css reset.


#4

Merci