28173 sujets

CSS et mise en forme, CSS3

bonjour,

j'utilise un menu en css horizontal basé sur l'exemple suivant :
http://css.alsacreations.com/xmedia/exemples/design_css/etape4.html

le problème, c'est qu'avec les li en flottant gauche, le menu est laigné à gauche et ne fait que la largeur des x li du menu

je voudrais faire en sorte que le ul et les li qu'il contient prenne 100% de la largeur du conteneur ou si c'est impossible au moins centrer le menu dans son conteneur

si quelqu'un a une idée de comment faire ça simplement, je suis preneuse

je n'ai aucun exemple en ligne, désolée

merci d'avance
Modifié par Elianora la blanche (05 Oct 2007 - 15:02)
bonjour et merci pour ce lien, il y a beaucoup de choses interessantes

j'ai réussi à centrer mon menu, c'est déjà pas mal seulement bien sûr ça ne plait pas au client, il faut qu'il fasse 100%

sous FF ça marche mais IE (6 et 7) résistent encore et toujours à l'envahisseur...

je vais continuer de chercher mais si quelqu'un a déjà trouvé une solution...
Hello,

Et si tu donnais à chaque élément de ton menu une largeur en % égale à (100/nbr d'éléments dans le menu) ?

Par exemple, si tu as 5 items, leur donner chacun un width:20% ?
Tymlis a écrit :
Et si tu donnais à chaque élément de ton menu une largeur en % égale à (100/nbr d'éléments dans le menu) ?

Par exemple, si tu as 5 items, leur donner chacun un width:20% ?

Quelque chose comme ça:
http://web.covertprestige.info/test/0000-test-menu-float.html

(Note: à partir de l'exemple d'Alsacréations, il faut donner une largeur de 20% aux li, et supprimer la largeur des liens du menu (ne rien mettre ou indiquer width: auto).
merci !

en effet en forçant la largeur des éléments, le menu s'allonge

sous IE il est calé à gauche mais comme il fait 99% de la largeur (nombre impair d'éléments), ce n'est pas très grave