occupare tutto lo spazio possibile del menù

[sandalf]

Salve a tutti ragazzi

Ho bisogno di voi per una sciocchezzuola che però non riesco a risolvere.

Sto facendo un sito e ho inserito un menù orizzontale fatto con le liste (display:inline per capirci). Io vorrei che le voci occupino sempre tutto lo spazio possibile. La mia idea era di dare un padding automatico calcolato in base alle lettere totali delle voci del menù, ma ho cannato. Per ora l'unico sistema che conosco è quello di usare le tabelle ma non voglio utilizzarle quindi vorrei sapere se esiste un modo per fare questo con le liste o con i div

Grazie mille a tutti in anticipo

[carlogh]

ciao, il modo più rapido che mi viene in mente, supponendo che il tuo menù abbia 4 voci (se ne hai 5 il width del li è 20% e così via):

/* overflow: hidden è per fare il "clearfix" degli elementi della lista */

ul#nav { overflow: hidden; width: 100%; }
	ul#nav li { float: left; width: 25%; }

questo nel caso in cui tu sappia a priori il numero di elementi del menù. Se il menù è creato dinamicamente e può variare il numero delle sue voci bisogna studiare qualcos'altro

[sandalf]

Grazie moltissime non avevo pensato al float:left negli LI..mi era proprio sfuggito. Io usavo display:inline e per questo non riuscivo a dare una larghezza fissa.

Grazie moltissime ancora carlogh

[carlogh]

figurati!