Centrare menu UL e renderlo largo tutta la pagina

[KJx89]

Salve a tutti,
Ho creato un menu orizzontale:

#collegamenti {
font:Arial, Helvetica, sans-serif;
}
#collegamenti ul{
margin: 0;
padding-left: 0;
list-style: none;
}
#collegamenti li{
font-size: 20px;
display: inline;
margin: 0;
padding: 0;
}
#collegamenti a:link, #collegamenti a:visited{
float: left;
background: #f0e8db;
color: #000000;
margin: 0;
padding: 5px 0 5px 0;
text-decoration: none;
border: 1px solid #FFFFFF;
}
#collegamenti a:hover, #collegamenti a:focus, #collegamenti a:active{
color: #FFFFFF;
background: #275527;
}

Adesso però mi ritrovo davanti a due dilemmi...
1.Come posso centrarlo?
2. Come posso fare in modo che il backgruond sia lungo tutta la pagina, in base alla risoluzione?
Saluti
Kappa

[cerba]

X centrare : margin:auto e magari anche text-align:center x quel fesso di IE5
x il background che si adatti a tutta la pagina non ci siamo ancora..con il css3 avremo (credo) questa possibilità. anche se ho visto in rete un trucchetto che riesce in qualche modo a farcela.
ma per il momento amico, credo non si possa

[KJx89]

Originariamente inviato da cerba
X centrare : margin:auto e magari anche text-align:center x quel fesso di IE5
x il background che si adatti a tutta la pagina non ci siamo ancora..con il css3 avremo (credo) questa possibilità. anche se ho visto in rete un trucchetto che riesce in qualche modo a farcela.
ma per il momento amico, credo non si possa

margin:auto e text-align:center lo metto su #collegamenti ul?
Per quanto riguarda la larghezza, io volevo ottenere un fixed width:

Click for full size - Uploaded with plasq's Skitch
In modo che il menu sia largo come la pagina, come quel div...
Saluti
Kappa

[cerba]

No, ul sta ad indicare che parliamo di un menù, mentre tu hai bisogno che ogni voce sia larga "tanto quanto basti" x tutta la pagina..
Quindi dì al tuo box che il contenuto va centrato (cioè in #collegamenti ).
Poi, se il div che prendi in esame è largo 500px e tu vuoi che anche #collegamenti lo sia,glielo devi dire con width:500px.
In seconda battuta, se hai 5 link, alla voce #collegamenti a:link, #collegamenti a:visited
inserisci: width:100px oppure 20%..
Ovviamente sto parlando di misure pulite, se giochi con i margini, devi tenerne conto..
Speriamo di averti dato una mano..mi sembra di aver fatto un pò di casino..

[KJx89]

Originariamente inviato da cerba
No, ul sta ad indicare che parliamo di un menù, mentre tu hai bisogno che ogni voce sia larga "tanto quanto basti" x tutta la pagina..
Quindi dì al tuo box che il contenuto va centrato (cioè in #collegamenti ).
Poi, se il div che prendi in esame è largo 500px e tu vuoi che anche #collegamenti lo sia,glielo devi dire con width:500px.
In seconda battuta, se hai 5 link, alla voce #collegamenti a:link, #collegamenti a:visited
inserisci: width:100px oppure 20%..
Ovviamente sto parlando di misure pulite, se giochi con i margini, devi tenerne conto..
Speriamo di averti dato una mano..mi sembra di aver fatto un pò di casino..

Per la centratura ho capito
Io volevo solo visualizzare una barra colorata che coprisse l'intero width, al limite posso contenere il menu in un div largo quanto tutta la pagina?
Tipo:
#menu {background-color:colore; width:100%; } ?
La larghezza dei li mi va bene, ma vorrei avere il box largo quanto tutta la pagina... Spero di essermi spiegato
Saluti
Kappa

[cerba]

Puoi contenere il menu in un div largo 100%, certo.
E come hai scritto va bene..
Forse ho capito cosa intendi:
#collegamenti{width:100%;background:#ffccff}


poi ci metti le altre voci del menù come descritto, non serve creare un altro box..

La accendiamo?

[KJx89]

Originariamente inviato da cerba
Puoi contenere il menu in un div largo 100%, certo.
E come hai scritto va bene..
Forse ho capito cosa intendi:
#collegamenti{width:100%;background:#ffccff}


poi ci metti le altre voci del menù come descritto, non serve creare un altro box..

La accendiamo?

Adesso faccio una prova!
Saluti
Kappa

[KJx89]

Niente da fare ho:
#collegamenti {
margin:auto; text-align:center; width: 100%; bacground:#ffccff; font-family: 'Arial', 'Trebuchet MS', 'Verdana', sans-serif;
}

Ne si centra, ne si allarga a tutta la larghezza della pagina, ma porc...

[cerba]

<!doctype html public "-//w3c//dtd html 4.0 transitional//en">
<html>
<head>
<title> new document </title>
<style type="text/css">
<!--
#riga{height:80px;width:100%;background:#ffccff}

-->
</style>
</head>

<body>
<div id="riga"></div>
</body>
</html>

[KJx89]

Originariamente inviato da cerba
<!doctype html public "-//w3c//dtd html 4.0 transitional//en">
<html>
<head>
<title> new document </title>
<style type="text/css">
<!--
#riga{height:80px;width:100%;background:#ffccff}

-->
</style>
</head>

<body>
<div id="riga"></div>
</body>
</html>

Ciao, sinceramente non ho capito molto
Cosa dovrei fare?
Saluti
Kappa