2010-02-08 5 views
1

J'ai ce menu en haut de la barre:menus pour forcer prendre 100% de la largeur

http://yoursdproperty.com/

je dois avoir le texte toujours prendre 100% de la largeur. Comment puis-je faire cela?

si j'ajouter des liens que je veux la taille soit dynamique

des idées?

+0

Veuillez inclure le code HTML et CSS approprié dans le corps de la question au lieu de le lier. –

+0

vous trouverez quelques informations ici: http://stackoverflow.com/questions/1859243/css-fixed-with-horizontal-menu-with-variable-width-tabs-using-ul – Romhein

+0

Voulez-vous dire que vous voulez les 6 liens "Accueil, achat de biens, etc" pour toujours prendre le plein avec de la page? – sberry

Répondre

1

spécifier une largeur en pourcentage.

<ul> 
    <li>something</li> 
    <li>something</li> 
    <li>something</li> 
    <li>something</li> 
<ul> 

ul li { 
    width:25%; 
    display:inline; 
} 
+0

Cela ne gère pas l'ajout de nouveaux éléments, mais il veut toujours ajouter jusqu'à 100% sans avoir à modifier les largeurs chaque fois qu'il ajoute un lien (ou des liens peuvent être dynamiques). –

+0

Bon point. Je vois relire les questions et mieux le comprendre. – Catfish

1

Cela dépend de vos besoins de navigateur: Pour les navigateurs modernes que vous pouvez faire quelque chose comme:

ul { 
    display: table; 
} 
li { 
    display: table-cell; 
} 

pour la compatibilité des anciennes versions de navigateurs que vous pourriez avoir à utiliser une vraie table.

+0

Oui, malheureusement, la seule façon dont je peux penser à le faire sans JavaScript est d'utiliser des tables. Yeeich. –

1

vous pouvez tout simplement pas spécifier la largeur ou le mettre à l'auto

Questions connexes