[Resolu] Centrer div dans div

Bonjour,

Je programme en xhtml transitionnal et je ne parvient pas à centrer mon menu.

Voici les menu :

	<div id="menu">
		<div class="cellmenu"><a href="index.php" title="Accueil">Accueil</a></div>
		<div class="cellmenu"><a href="activites.php" title="Activités">Activités</a></div>
		<div class="cellmenu"><a href="references.php" title="Nos référence">Références</a></div>
		<div class="cellmenu"><a href="partenaires.php" title="Nos partenaires">Partenaires</a></div>
		<div class="cellmenu"><a href="contact.php" title="Nous contacter">Contact</a></div>
	</div>

et le code CSS

div#menu {
	height:				30px;
}

div#connexion, div#menu {
	border-left:		1px #C0C0C0 solid;
	border-right:		1px #C0C0C0 solid;
	background-color:	#F5F5F5;
	padding:			2px;
	color:				#000;
}

div.cellmenu {
	width:				80px;
	float:				left;
	border:				1px #000 solid;
	margin:				2px;
	padding:			5px;
	text-align:			center;
}

div.cellmenu:hover {
	background-color:	#FFF;
	border:				1px green solid;
	color:				#273F74;
}

J'ai bien essayer text-align: center; mais ça ne fonctionne pas.

Merci
Modifié par Hayreon (07 Apr 2006 - 10:54)

Salut,
pour centrer un élément, encore faut-il que ce dernier possède une largeur width="". De plus, le centrage avec l'attribut text-align ne s'applique qu'a des éléments de type "en ligne"

Pour le centrage horizontal d'un élément de type "bloc" on applique un margin-left négatif de la moitié de la taille du conteneur et un positionnement en absolute avec un left à 50%...


Ps: pour ton menu pourquoi ne pas utiliser une liste de type :

<ul>
<li>mon lien</li>
<li>mon lien</li>
<li>mon lien</li>
</ul>

Modifié par fredmac (06 Apr 2006 - 16:48)

Merci pour ces infos