problemi con firefox

[stroppik]

Ho installato il template gantry e ho modificato lo stile aggiungendo nella cartella css un file gantry-custom.css con delle modifiche apportate del tipo:



#rt-header {background: -webkit-linear-gradient(-135deg,  #70dfe0 0%,#267879 25%,#0a3a3b 60%,#70dfe0 100%); /*ovviamente devi modificare il colore*/
#rt-maintop{
   background:#123314 url(../images/patterns/noise.png);
   border-bottom:1px solid #ffffff;
   box-shadow:0 1px 0 #cecece, inset 0 2px 4px 0 rgba(0,0,0,0.1);
}


Con chrome ed explorer vengono visualizzate le modifiche correttamente mentre firefox mostra il sito con i colori originali del gantry non tenendo conto dei cambiamenti.


Perchè?

[Parossismo]

• Cancella la cache del browser (firefox > preferenze > privacy > cancella cronologia di ff)
• Disattiva le richieste caching browser di Joomla (Joomla administrator > estensioni > plugin > system cache > disabilita plugin)
• In generale, quando lavori spesso sul sito, disabilita la cache di Joomla (Joomla administrator > Sistema > Configurazione globale > Sistema > Cache > NO, cache disabilitata)

Recentemente è stato postato un articolo in merito:
http://www.joomla.it/e-ancora/articoli-community-3x/7471-la-gestione-della-cache-in-joomla-3.html

[stroppik]

Ho fatto come mi hai detto....ore non va piu neanche su chrome ed explorer...

[Parossismo]

Avevo pensato ad un problema di cache a causa della differenza tra browser, ma potrebbe essere una questione di conflitto tra stili applicati alla stessa classe (o id), differentemente risolto a seconda del browser.
E' possibile che il browser ripeschi e tenga buono lo stile originale del template, se tu non gli fai capire chiaramente quale deve prevalere. Aggiungi !important prima del punto e virgola per ogni stile CSS che devi sovrascrivere.

Ad esempio se il file stile-originale.css contiene:

Codice: [Seleziona]

#rt-maintop
{
border-top: 10px;
}

Il nuovo file custom.css per la stessa classe (o id, non importa) di cui sopra deve contenere un bel

Codice: [Seleziona]

#rt-maintop
{
border-top: 0px !important;
}

e in questo modo prevale lo stile personalizzato perché spieghi al browser in modo chiaro chi comanda in questa casa. Questo succede tipicamente a chi usa twitter bootstrap framework.

[stroppik]

Grazie maestro 

[Parossismo]

Effettivamente un buon 50% delle cose postate qui hanno a che fare col CSS e non con Joomla. Questo fa dire che quando un uomo col CSS incontra un uomo con l'HTML, quello con l'HTML...

[stroppik]