Centrage horizontal

bonjour,

je tente desespérement d'aligner horizontalement une liste ul dans une div.

<div>
<ul>
<li>aaaaa</li>
<li>aaaaa</li>
</ul>
</div>

div{width:600px;}
ul{list-style-type:none;}
li{float:left;}

La difficulté est que je ne connais pas la largeur du <ul>, car les <li> sont générés dynamiquement. Je ne peux donc pas utiliser le smarges autos ou négatives...
ya t-il une solution ?
merci
Modifié par bill_baroud (17 Aug 2006 - 16:46)

Si j'ai bien compris, tu voudrais que toutes tes balises <li> soient sur la même ligne.

Essaie quelquechose du genre :

ul {
list-style: none;
}

li {
display: inline;
}

Voilà.

merci pour ta réponse,

non le problème n'est pas là, le float:left à le même effet que display:inline

le probleme est de centrer le ul dans le div sachant que le nombre d'éléments li est variable.

d'ailleurs je vais éditer mon message précédent pour ajouter une largeur au div

Finalement j'ai fait un bon vieux tableau des familles... Je crois qu'il n'y avait pas d'autres solutions.

Salut,

Tu peux mettre ceci dans ton CSS:

ul { list-style-type:none; text-align:center; }
li { display:inline; }

bonjour,

un menu horizontal et centré, cette question est deja passé sur le forum
http://forum.alsacreations.com/topic-1-15111-1-Comment-centr-un-menu-horizontal-CSS-.html#p115906#p115906

2 montage ont eté proposés ,
un avec display-table pour tous et display:inline-block pour IE et un autre avec display:inline-block; pour tous sauf firefoxe qui se a besoin du display:table et compagnie ...


version inline-block + table pour ff http://alaingerard.info/test/mc.html
version table + inline-block pour ff http://gcyrillus.free.fr/trucs_css/menu-liste-horizontal-centrer.html

la premiere version est plus avantageuse ....

Si cela correspond a ton soucis , c'est sans tableau

++

merci bcp, avec un peu de retard. Ca faisait longtemps que je cherchais une solution à ce pb !