Dividere una sezione in tre colonne

[unreg]

Ho un layout liquido.

Ho un elenco puntato con tre link:

<div id="sezione">
	<ul>
		[*]link1
		[*]link2
		[*]link3
	[/list]
</div>

Come posso dividere in tre colonne con percentuale uguale ?

es.

|	link1	|	link2	|	link3	|

Grazie !

[Mich_]

Ti conviene partire da un menu gia` fatto. Poi eventualmente chiedi se hai necessita` di fare modifiche.

Nei "link utili" ci sono vari riferimenti a raccolte di menu. A me piace come e` organizzato il sito di CSSplay

[unreg]

grazie !

ma a me non serve un menù, ma tre colonne con percentuale uguale che riempiono la pagina (width: 100%)

se applico il float: left; che width devo dare a ogni li ?

grazie !

[Mich_]

ma a me non serve un menù,

Comunque stai usando gli stessi elementi che vengono usati in un menu, per cui i metodi usati nei menu ti possono andare bene.

se applico il float: left; che width devo dare a ogni li ?

Dipende.
Se nel[*] hai azzerato margini e padding, prova con
width: 33%

Se invece non ha azzerato, devi fare i conti con i margini e/o padding inseriti di default dai browser, per cui il valore di width potrebbe essere minore, pero` mettere assieme misure in px e misure in % e` molto difficile (soprattutto perche` i browser interpretano secondo criteri che non sono facili da capire)

Credo che dovresti:
- dare width: 100% al tag <ul>
- dare ai tag[*]
width: 33%;
float: left;
margin: 0;
padding: 0;

Nota che per dare width 100%, occorre che il contenitore abbia width definita, e se questa e` in % la cosa e` ricorsiva fino al body e al html