28221 sujets

CSS et mise en forme, CSS3

[résolu]Alignement div

Bonjour
j'essaie d'aligner mon menu au centre 

#menu {
    position: absolute;
	font-size:93%;
	line-height:normal;
	bottom: 0;
	clear: both;
	padding: 0;
	margin:10px;
    }
#menu ul {
	text-align: center;
	margin:0;
	padding:0;
	list-style:none;
    }
#menu li {
 float:left;
 margin:0;
 padding:0 0 0 16px; /* padding gauche de la largeur de ton fond */
 background:url(../images/tab_clair_01.gif) no-repeat left top;
}
#menu a {
 display:block;
 background:url(../images/tab_clair_02.gif) no-repeat right top;
 padding:5px 15px 5px 0; /* correction du padding */

}


sur FireFox il est alignée a gauche et sur Ie a droite Smiley eyecrazy

ma page
http://www.independza.com/client/xerox/

merci
Modifié le 12 Nov 2004 - 16:59
Avec les flottant sur tes <li> ça va être très difficile de centrer ton <ul>, le mieux est d'utiliser le display: inline sur tes li et le text-align: center; sur le <ul> centrera le tout, je ne sais pas si c'est possible avec ton système de "portes coulissantes" mais c'est à testé.
ElMoustiko a écrit :
Avec les flottant sur tes <li> ça va être très difficile de centrer ton <ul>, le mieux est d'utiliser le display: inline sur tes li et le text-align: center; sur le <ul> centrera le tout, je ne sais pas si c'est possible avec ton système de "portes coulissantes" mais c'est à testé.


mais je peux au moins arriver a les mettre a droite au a gauche ?
oui tout à fait.

Pour les mettre à gauche, tu peux faire float: left ; sur tes li ca devrait suffir. Mais tu sembles dire que sous IE ca bug... c'est bizar :S essai en mettant float: left sur ton <ul> aussi.

Et pour mettre à droite, pour ne pas inverser l'ordre des <li> ce qui se passerai en faisant le float: right; sur les <li>, tu met float: right; sur ton <ul>.
ElMoustiko a écrit :
ton margin-right, il est sur ton <ul> ??

il est sur le div

#menu {
	position: absolute;
	font-size:11px;
	line-height:normal;
	bottom: 0;
	clear: both;
	padding: 0;
	margin-bottom: 9px;
	margin-right: 10px;
    }
Sujet clos
Aller à