Gantry funziona solo con Firefox

[stsnow]

Ciao a tutti, mi chiedevo: come mai il template di Gantry funziona bene solo con Firefox e invece su Chrome e Safari ha dei difetti?

[BelinBelan]

ciao,


che io sappia, funziona benissimo su tutti i browser, se hai dubbi puoi consultare il sito dove sono elencate caratteristiche e compatibilità. 

[stsnow]

ciao,


che io sappia, funziona benissimo su tutti i browser, se hai dubbi puoi consultare il sito dove sono elencate caratteristiche e compatibilità. 

Ad esempio lo sfondo del menu su firefox appare in un modo, su safari in un altro. Oppure, su firefox appare correttamente il tasto del box "cerca", invece su safari invece del tasto appare un quadratino.

[$Red]

ciao, io lo uso sia su j2.5 che su j3.1b2 e lo vedo bene sia con firfox che con chrome e ie

[stsnow]

Se vi lascio l'url del sito, potete fare una prova e dirmi come lo visualizzate?

[BelinBelan]

sarebbe meglio,


anche perché al 90% dovrebbe essere un problema di css e non di gantry


Se vuoi un consiglio, usa FireFox o Chrome con l'estensione Firebug per individuare problemi di CSS, visualizzazione etc.. etc..

[stsnow]

Si, uso firebug solo che non riesco a individuare il problema in questo caso. Ecco l'url: www.bretellemegastore.com

[$Red]

io cosi a prima vista vedo un pò tutto uguale, però su chrome sotto al menu vedo a griglia mentre su ff e ie10 no, su ie10 riscontro il problema dell'immagine del cerca, un consiglio io sono in risoluzione 1024x768 e il lof article slideshow, se non sbaglio è lui, lo vedo abbastanza male, cioè la parte dei thumbs ne manca un 3/4

[BelinBelan]

Credo sia dato da troppi "css" che incasinano tutto,


innanzitutto il bottone ha un suo CSS che disegna il bordo bianco, da il colore e poi punta ad una immagine inesistente:


http://www.bretellemegastore.com/components/com_virtuemart/assets/images/vmgeneral/search.png


Unisci questo a quello che ti ha scritto $red e vedi se riesci a risolvere 

[stsnow]

io cosi a prima vista vedo un pò tutto uguale, però su chrome sotto al menu vedo a griglia mentre su ff e ie10 no, su ie10 riscontro il problema dell'immagine del cerca, un consiglio io sono in risoluzione 1024x768 e il lof article slideshow, se non sbaglio è lui, lo vedo abbastanza male, cioè la parte dei thumbs ne manca un 3/4

Su "layout mode" ho impostato responsive. Devo modificare qui?

[$Red]

ora lo vedo bene, ma se non sbaglio prima c'era la colonna di destra
edit a no c'è ancora non ho fatto scorrere la pagina

[stsnow]

Sì! A me continua ad apparire la colonna di destra :/

[$Red]

ora lo vedo bene, ma se non sbaglio prima c'era la colonna di destra
edit a no c'è ancora non ho fatto scorrere la pagina

si si ho editato il mess di prima scusa

[BelinBelan]

Avrei voluto dargli una mano ma il suo sito viene bloccato dal firewall aziendale 
Credevo fosse appunto lo "smartload".. una delle tante ipotesi: cache,browser,ram velocità connessione... etc.. etc.. 

[$Red]

Avrei voluto dargli una mano ma il suo sito viene bloccato dal firewall aziendale 
Credevo fosse appunto lo "smartload".. una delle tante ipotesi: cache,browser,ram velocità connessione... etc.. etc.. 

volevi scrivere qua? 

[BelinBelan]

E si... mica mi sono ancora ripreso dall'influenza!
Ah perfidi batteri!

[stsnow]

Anche la griglia sotto il menu è un problema di css? Appare con safari e chrome...

[BelinBelan]

Ciao,


si la "griglia" è un pattern realizzato in css con comandi che vengono interpretati correttamente solo da certi browser, tranne, appunto, Internet Explorer...


il codice della "griglia" è questo:

Codice: [Seleziona]

.rt-showcase-pattern {


  background-image:-webkit-linear-gradient(top, rgba(0, 0, 0, 0.027451) 2px, transparent 2px), -webkit-linear-gradient(0deg, rgba(0, 0, 0, 0.027451) 2px, transparent 2px), -webkit-linear-gradient(top, rgba(0, 0, 0, 0.027451) 1px, transparent 1px), -webkit-linear-gradient(0deg, rgba(0, 0, 0, 0.027451) 1px, transparent 1px);

[$Red]

ciao, stamattina stavo lavorando alla posizione showcase e avevo necessita di non far visualizzare la griglia di cui abbiamo parlato che si visualizza con chrome, va aggiunto al gantry-custom.css il seguente codice

Codice: [Seleziona]

#rt-showcase .rt-showcase-pattern {
    background-image: none;! important;
}lo so che è il topic è vecchio ma magari è di aiuto anche a qualcun'altro

[stsnow]

Grazie per quest'ulteriore suggerimento!