PDA

View Full Version : CSS problemi con Mozilla...

di_emme
21-04-2005, 08:43
Ho un problema con i CSS e Mozilla... Nonostante il css superi correttamente la validazione sul sito del w3c con IE funziona tutto alla perfezione e con Mozzilla si incasinano gli allineamenti con sovrapposizioni, eccetera...

Idee su come risolvere il problema?
lombardp
21-04-2005, 09:47
Anche solo per iniziare ad analizzare il problema, servirebbe vederlo.

Comunque, più che un problema con Mozilla, penso che tu abbia sistemato i CSS per avere la visualizzazione che desideri su IE. Purtroppo IE non è completamente conforme agli standard W3C, per cui anche se IE visualizza bene una pagina ed il CSS è formalmente corretto, non significa che IE visualizza correttamente il CSS che hai specificato. Quasi certamente la corretta visualizzazione del tuo CSS è quella di Mozilla.

Comunque, posta il CSS che usi, magari con HTML, e vediamo di renderlo cross-browser.
di_emme
21-04-2005, 10:37
Questo è il css: www.streetbeat.it/css/streetbeat.css

...e questa: www.streetbeat.it/home.htm è una delle pagine che con IE vedo bene e con mozzilla no... :muro:

Colpa degli annidamenti???

ps: il sito è ancora in fase beta testing... :Prrr:
di_emme
21-04-2005, 10:44
pps: è il primo sito che faccio con i css...
lombardp
21-04-2005, 14:51
Prova a fare queste modifiche, in Firefox dovrebbero andare, però devi riprovarle su IE perché non ce l'ho a portata di mouse:


Per centrare il div BOX devi mettere i margini left e right a AUTO;

#box { margin: 0px auto 0px auto; }

Poi ridimensiona il div CONTENITORE HEAD per essere più alto.

#contenitore_head { height: 130px; }


Qualcosina dovrebbe andare a posto.
di_emme
21-04-2005, 18:32
Prova a fare queste modifiche, in Firefox dovrebbero andare, però devi riprovarle su IE perché non ce l'ho a portata di mouse:


Per centrare il div BOX devi mettere i margini left e right a AUTO;

#box { margin: 0px auto 0px auto; }

Poi ridimensiona il div CONTENITORE HEAD per essere più alto.

#contenitore_head { height: 130px; }


Qualcosina dovrebbe andare a posto.

Grande!!! Perfetto... :D Ti devo un favore!!! Spero di potermi sdebitare in qualche modo!!!

C'è ancora un piccolo problema sul seconda 'navbar' con mozilla viene un po' diversa... :rolleyes:
lombardp
21-04-2005, 19:33
Grande!!! Perfetto... :D Ti devo un favore!!! Spero di potermi sdebitare in qualche modo!!!


Niente di particolare, non ti preoccupare. Per domande di questo tipo su HTML e CSS se posti i tuoi quesiti (in inglese) su www.experts-exchange.com, nell'area CSS o HTML, di solito ottieni risposte competenti entro pochi minuti.


C'è ancora un piccolo problema sul seconda 'navbar' con mozilla viene un po' diversa... :rolleyes:

A cosa ti riferisci in particolare?
di_emme
21-04-2005, 23:48
Per domande di questo tipo su HTML e CSS se posti i tuoi quesiti (in inglese) su www.experts-exchange.com, nell'area CSS o HTML, di solito ottieni risposte competenti entro pochi minuti.

Grazie per la segnalazione!!!

A cosa ti riferisci in particolare?

Al menu più piccolo che Mozzilla spinge un po' all'esterno rispetto a quanto fatto da IE... :muro:
lombardp
22-04-2005, 08:17
Al menu più piccolo che Mozzilla spinge un po' all'esterno rispetto a quanto fatto da IE... :muro:

Il problema è il BORDER-RIGHT, meglio se lo togli:

#navbarsmall { border-right: 0px solid #FF0000 }

Rimane ancora qualcosina, se metti padding-right: 0px; lo recuperi