28220 sujets

CSS et mise en forme, CSS3

Bonjour,

Je suis confronté à un pb. Je souhaite centrer un menu formé à l'aide d'une liste. J'arrive très bien à centrer ce menu en utlisant l'attribut
display : table

Cependant, celui n'est pas du tout reconnu par IE... Smiley decu Smiley decu Smiley decu
Est ce que vous pouvez m'aider à trouver l'équivalent.
Je vous fournis la partie de ma CSS qui me sert à mettre en forme mon menu.

Merci beaucoup


#menu {
	list-style-type: none;
	margin-left: auto;
	margin-right: auto;
	display: table;
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 20px;
	padding-top: 20px;
	}

#menu li {
	float: left;
	white-space: nowrap;
	width: 110px;
	font-size: 15px;
	margin: 3px;
	border: solid thin black;
	}

#menu li a {
	background: #8EB8D7;
	height: 100%;
	color: black;
	text-decoration: none;
	text-align: center;
	display: block;
	}

#menu li a:hover {
	background: #FFEFD5;
	}


dans mon body j'ai mis un
text-align: center
comme conseillé dans les tutos d'alsacréations mais ça ne sert à rien apparemment...
bonjour

peut etre comme ça

#menu {

        [b]text-align: center;[/b]  <--- c'est la qu'il faut le mettre je pense

	list-style-type: none;

	margin-left: auto;

	margin-right: auto;

	display: table;

	padding-left: 0;

	padding-right: 0;

	padding-bottom: 20px;

	padding-top: 20px;

	}

Modifié par Philippe (12 Jan 2006 - 13:46)