centrare un menu

[kevin0101]

ciao a tutti, ho il seguente problema, ho inserito sulla mia pagina html+css il seguente menu, però questo non mi risulta centrato ha un margine dal lato sinistro dello schermo di 3 cm e da quello destro di 5 cm, adesso posto il codice, potete aiutarmi a centrarlo esattamente nella pagina?

<div id="navcontainer">
<ul id="navlist">[*]Home[*]Negozio[*]Servizi[*]Gioielli[*]Pietre[*]Orologi[*]Contatti[*]Dove siamo[/list]
</div>



sotto il codice css



#navcontainer
{


margin:0;
padding: 5px 0 7px 5px;
width: 1000px;
line-height: 2;
background-color: #522403;
font-family: Arial, Helvetica, sans-serif;
font-size: 70%;
}

ul#navlist
{
display: inline;
list-style: none;
}

ul#navlist li
{
float: left;
width: auto;
margin-right:1px;
border: 3px solid #CAC67D;
background-color: #522403;
}

ul#navlist li a
{
padding: 20px 35px 20px 35px;
line-height: 1.75;
text-decoration: none;
color: #ffffff;
}


io ho provato con <center> </center> in html ma viene fuori quello che vi ho precedentemente detto.

[dvd86]

prova a dare "margin: 0 auto" al div#navcontainer

[Mich_]

Dato che i brwoser usano di default proprieta` diverse per dare lo spazio al list-style-type, quando togli tale oggetto devi anche definire:
margin:0; padding:0;
sia all'oggetto <ul> che al[*] (salvo uso diverso da parte tua, ma comunque vanno definiti margini e padding).

Una volta fatto cio`, poi per centrare valgono le solite regole (differenti a seconda dei browser - fai una ricerca).

[kevin0101]

prova a dare "margin: 0 auto" al div#navcontainer come mi ha suggerito dvd86 ma purtroppo niente da fare...

uffa!!!!!!


Mich potresti essere più chiaro e completo, sinceramente non ho capito bene cosa devo fare...potresti aiutarmi in maniera più diretta? te ne sarei veramente grato.

grazie

[Mich_]

Per essere piu` completo dovrei sapere cosa vuoi ottenere ...

Per il momento non posso che ripetere cio` che ho gia` scritto:

#navcontainer {
  margin: 0;
  /*padding: 5px 0 7px 5px;*/
  width: 1000px;
  line-height: 2;
  background-color: #522403;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 70%;
}
#navlist {
  /*display: inline;*/
  list-style-type: none;
  margin: 0 auto; padding: 0;
}
#navlist li {
  list-style-type: none;
  margin: 0; padding: 0;
  float: left;
  width: auto;   /* non mi piace: forse vuoi una larghezza definita, ad esempio 8em */
  margin-right: 1px;
  border: 3px solid #CAC67D;
  background-color: #522403;
}
#navlist li a {
  display: block;
  width: 100%; height: 100%
  /*padding: 20px 35px 20px 35px;*/
  line-height: 1.75;
  text-decoration: none;
  color: #fff;
}

[kevin0101]

vorrei semplicemente centrare il mio menu...nel mezzo esatto della pagina...
invece questo costituito da x rettangolini con all'interno i vari links è leggermente (2 cm) spostato decentrato verso la parte destra dello schermo...io non so ne risolvere il problema ne darmi una spiegazione di questo fatto...
se hai bisogno ti faccio vedere le pagine.
fammi sapere...


raga sto diventando matto!!!!!!!!!!!

[Mich_]

Anzitutto una domanda: con quale HTML+CSS stai testando? Con il tuo originale o con le modifiche consigliate?

Comunque un link sarebbe utile per capire esattamente cio` di cui si parla, e verificare eventuali errori.

La descrizione dell'ultimo post non chiarisce molto.
E soprattutto devi dire con quali browser hai testato e quale DTD usi: i browser in questo sono molto diversi e rispondono in modo diverso al CSS a seconda della DTD usata.

[Braco]

Mich anchio ho lo stesso problema, ho messo margin:0 auto;, con ie7 si centra, con ff no, guarda: http://www.photoman.altervista.org clicca su @mail