Problema assurdo con dimensione width

[fermat]

buondì.
sto sviluppando un sito che ha un menu orizzontale formato da una lista orizzontale.
è praticamente tutto ok tranne che per la dimensione.

#menu-ita {
    margin: 10px auto auto auto;
    text-align: center;
}

#menu-ita ul {
    border-bottom: 2px solid #8e7f67;
    margin: 0 auto;
    padding: 0 0 10px 0;
    list-style: none;
    font-size: 15px;
    width: 671px; // ALERT
}

#menu-ita ul li {
    display: inline;
}

#menu-ita ul li a {
    padding: 5px 10px 5px 10px;
}

il parametro che mi interessa è width.
671 px è il minimo per fare in modo che la lista nn vada a capo.
il test l'ho fatto su FF su uno schermo HD da 24".
la cosa bella è che sugli altri schermi invece la dimensione che posso impostare è molto meno.
nello specifico su un 13" 1024x768 posso mettere anche 560px.
è una cosa normale secondo voi??

[Simo990]

Ma scusa, perché vuoi dare una larghezza fissa alla lista? E' molto più comodo lasciarla calcolare al browser. Comunque non ho capito bene il tuo problema, non vuoi che la lista vada a capo? Se è solo questo è molto semplice, devi solo stare attento che la sua larghezza non superi le dimensioni del suo contenitore.

[fermat]

vorrei dargli una larghezza precisa perchè se nn la do il bordo sotto esce di molto sia prima che dopo la lista.
e nn è un bell'effetto.
dando invece una misura precisa il bordo nn esce.
il problema è che sembra che nn esista una misura unica.
bho.

[Simo990]

Ovvio che non esiste una misura unica, la larghezza di una lista è assolutamente variabile a seconda del contenuto e non solo. Ma questo bordo di cui parli di chi è? Della lista o dei suoi elementi? Puoi postare un'immagine così ci rendiamo conto del problema?

[fermat]

si lo so che lunghezza di una lista varia a seconda del contenuto.
però qua parliamo dello stesso contenuto su monitor diversi.
la larghezza dovrebbe essere uguale a rigor di logica.

cmq il bordo è impostato su ul (prima avevo messo il css di riferimento).
vi posto due immagini.
quella relativa al 24" full hd, e quella relativa a un monitor da 13" con risoluzione 102x768.

[fermat]

scusate nn so come mettere più immagini.
2014x768 13":

[Simo990]

Beh pare proprio un problema di font
sicuramente una delle due macchine su cui stai testando il sito non ha il font richiesto, e quindi il browser provvede a sostituirlo con un altro.

Le soluzioni possibili sono 2:
1) sostituisci il font del sito con uno dei cosiddetti "safe fonts" (qui trovi alcune informazioni utili)
2) fai in modo che il browser si scarichi il font. Questo lo puoi fare con la direttiva @font-face

@font-face {
   font-family: TuoFont;
   src: url('Tuo-Font.ttf'),
        url('Tuo-Font.eot'); /* IE supporta solo .eot */
}

Spero di esserti stato utile

[fermat]

hai ragione, problema di font.
la macchina con problemi ha linux e nn avevo installato gli MS Fonts.
adesso nn ho più quel problema.
il font scelto è Times New Roman:

body {
    background-image: url('../images/bg.gif');
    color: #755b47;
    font-family:"Times New Roman", Times, serif;
}

nn so, forse mi conviene fare lo stesso la modifica che i hai detto.