ho problemi con opera e firefox

[salinger]

non riesco a capire perchè opera e firefox visualizzano solo parte della barra menu sin.
Otranto point

Sapreste darmi una spiegazione???

io propro non riesco.

grazie.

ps: sono anche graditi giudizi e consigli estetici o altro sul sito

[thomas_anderson]

ciao!
con Opera c'è anche il problema dei link sulla barra orizzontale, che si spostano al passaggio del mouse. Potresti postare il codice relativo al menu di sinistra? per quanto riguarda il resto dovresti verificare alcune cose:

1. contrasto di colori. scarica Color Contrast Analyzer e verifica che il rapporto sia corretto.
2. dimensioni dei font troppo piccoli. sono in percentuale? altrimenti gli utenti di IE non possono variarli.
3. la scritta che scorre dovrebbe avere un sostituto testuale per renderla accessibile. è proprio necessaria?
per informazioni sull'accessibilità c'è il forum su
http://www.diodati.org/ (è libero, non ti devi iscrivere)

ciao

[pacovox]

div#navigation{
position: absolute;
top: 140px;
width: 180px;
width:110px;
width:100px;
text-decoration: none;
background-color: #0080c0;
left: 0px;
}

#navigation è largo 100px proprio come specificato nel css, quindi in teoria non ci sarebbe nessun errore.
Ora, quanto deve essere largo?
Visto che specifichi erroneamente tre volte il width, stai applicando qualche hack?

[salinger]

grazie con i suggerimenti.

in effetti sbagliavo con il parametro width ripetuto tre volte.

Ma ho ancora problemi con opera che mi visualizza non correttamente navigation.

Un ultima cosa, la pagina mi compare centrata solo con IE ma non con opera e firefox. Anche in questo caso dove sbaglio?

Grazie in anticipo

[salinger]

sono di nuovo io.

nel mex di cui sopra ho invertito browser, ovvero il problema con navigation è con firefox mentre opera lo visualizza correttamente.

[pacovox]

Prova così:

div#navigation{
position: absolute;
top: 140px;
width: 180px;
text-decoration: none;
background-color: #0080c0;
left: 0px;
}

div#navigation ul{
text-decoration: none;
margin-bottom: 1px;
list-style-type: none;
margin:0;
padding:0;
}

Un ultima cosa, la pagina mi compare centrata solo con IE ma non con opera e firefox. Anche in questo caso dove sbaglio?

text-align:center; nel body serve solo per IE5.x e IE6 in modalità retrocompatibile che applicano erroneamente tale dichiarazione a tutto, metre in realtà serve solo per allineare il testo.
Per tutti gli altri browser dovresti usare margin:0 auto; e applicarlo al box contenitore:

div#container{
position: relative;
width: 760px;
text-align: justify;
margin:0 auto;
}

[salinger]

grazie pacovox

avevi ragione, con i tuoi suggerimenti sono riuscito a risolvere i miei problemi.

Ciao