Visualizzazione sito su diversi browser [RISOLTO]
-
Buongiorno a tutti. gestisco il mio piccolo sito www.librerianeapolis.it con l'ultima versione aggiornata di joomla!; con Firefox installato sul mio imac 27" la visualizzazione è ok, ma se solo cerco di visualizzarlo sul mac 24" di mia moglie, sempre firefox, aggiornato, i moduli del sito che dovrebbero essere visualizzati sul lato destro del corpo centrale, si spostano a sinistra e spostano il corpo centrale alla fine (quelli di sx rimangolo al loro posto). Ancor oltre, chrome e safari visualizzano il corpo centrale a tutta ampiezza, spingendo tutti i moduli dopo l'ultimo articolo e mi comprimono il menu orizzontale.
Per cortesia, qualche anima buona potrebbe illuminarmi su dove mettere le mani per risolvere questo guazzabuglio?
Grazie e buona giornata a tutti.
Cirosimeoli 
-
Ciao,
io penso che sei di fronte ad un comportamento del tutto normale in ambito responsive. Adesso non ho in mente le misure esatte degli schermi 24’’ e 27’’ di Apple, ma sicuramente il tuo template gestisce queste dimensioni in modo da posizionare i moduli sotto il contenuto principale dei tuoi articoli.Se vuoi cambiare questo comportamento dovresti mettere mano nella gestione dei breakpoint di Cassiopeia (il template di default di Joomla). Purtroppo non avendolo mai utilizzato, mi appoggio sempre a framework di editori esterni, non saprei aiutarti nello specifico, però guardati il video sul canale di @jabba (https://www.youtube.com/watch?v=Ziv6TIeSGA8) ti aiuterà sicuramente a risolvere il problema.
-
Io lo sto guardando da telefono e non sembra avere problemi
-
@iorbita grazie del suggerimento; lo farò senz'altro.
Ciro -
@pstrada ciao, grazie del commento.
Sul telefonino la schermata è uguale a quella di safari e chrome. E lo capisco: con uno schermo piccolo è giusto che succeda così. Quello che non capisco è perchè anche sugli schermi grandi, con safari e chrome,esce la stessa schermata!
Vuoi saperne un'altra? con firefox non aggiornato su un vecchio windows xp professional, tutto ok; con explorer, i moduli di sinistra vanno in testa alla schermata, sotto l'immagine, il menu orizzontale si presenta contratto ma non si apre e il resto dei moduli, sotto l'ultimo articolo.
Levatemi l'accendino di mano!!! -
Explorer ormai non dovrebbe nenche più essere nominato
-
@pstrada ha detto in Visualizzazione sito su diversi browser:
Explorer ormai non dovrebbe nenche più essere nominato
e questo è un altro problema: quante persone, soprattutto di una certa età, come quelli che frequentano il nostro sito, hanno browser aggiornati?
-
si certo, è un problema anche in termini di inclusività, ma non puoi sempre essere compatibile con tutto. Io per fortuna non ho questo tipo di utenti, magari altri colleghi lo hanno risolto e ti daranno dritte interessanti.
-
@pstrada grazie
-
Ciao!
Personalmente vedo correttamente il sito sia su schermi grandi che su schermi piccoli.
Così per esempio lo vedo su un 20 pollici con larghezza 1141 pixel:
Tieni conto di alcune cose:
- La grandezza in pollici non conta (conta come si usa! Ok basta, scusa la battuta): puoi avere un monitor 50 pollici ma se lo setti a 1920px di larghezza vedrai le cose come se fossero su un 24" FullHD. Stessa cosa se a livello sistema operativo hai settato uno zoom dei contenuti ( qui trovi qualche info sullo zoom del mac ). Diciamo che quello che fa fede è la risoluzione, cioè il numero di pixel visualizzati a schermo. Questo perchè i CSS usano le media queries (e quindi anche i framework come Bootstrap) per caricare o meno delle regole.
- Windows XP non è più supportato: non tanto perchè è semplicemente "vecchio", quanto perchè i suoi browser (pure Firefox e Chrome) ma soprattutto Internet Explorer non sono più aggiornati da anni, quindi non riescono più ad interpretare alcune regole CSS moderne. Adattare un framework nuovo (Bootstrap 5) ad un browser vecchio (Explorer) è un lavoro titanico. Come segnalato qui per far funzionare tutto su Internet Explorer è necessario usare Bootstrap4 o precedente, cosa che però ha veramente poco senso su un sito aggiornato.
- Internet Explorer è morto: capisco la perplessità (utenti anziani = PC vecchi = Internet Explorer) ma non è così scontato: come puoi vedere qui IE è stato tolto dalle statistiche dal 2020 perchè la sua percentuale era scesa sotto lo 0.1%, mentre qui puoi vedere che la percentuale di PC che usano XP è scesa a zero l'anno dopo. Morale della favola: non mi preoccuperei troppo di Windows XP, anche perchè chi usa la combo XP+IE non può andare sul tuo sito ma neanche sul 90% del resto dei siti del pianeta
Quindi, come risolvere?
Secondo me sul mac di tua moglie è impostato uno zoom o a livello browser o a livello sistema operativo (magari l'ha fatto per ingrandire le icone sul desktop o similari). Questo porta il viewport del sito ad essere più piccolo delle soglie che "trasformano" il tuo sito da desktop a mobile.
E se proprio proprio vuoi rendere compatibile il tuo sito con Windows XP e IE...
Bisogna mettersi con pazienza a studiare le regole di Bootstrap che creano casini e modificarle a mano in un file css customizzato. Tieni conto che puoi targettizzare regole CSS a seconda del browser. Qui trovi una guida.
Per esempio puoi scrivere:<!--[if IE]> <link rel="stylesheet" type="text/css" href="only-ie.css" /> <![endif]-->per inserire un file CSS che venga caricato solo su Internet Explorer con delle regole che facciano override di altre regole per rendere il tutto più leggibile. Operazione secondo me titanica e, purtroppo, con poco senso visti i numeri di IE.
Ciao! -
Jabba, grazie per l'interessamento. su firefox del mac 24 non è impostato nessuno zoom; tuttavia ho provato a ridurre lo zoom al 90%, ma niente, niente: il browser "rimane" testardamente e pervicacemente sulle sue posizioni. Ho anche dato un'occhiata alla risoluzione del monitor e ad eventuali zoom impostati dalla consorte, ma anche in questo caso, nessun rilievo: zoom 100% e risoluzione standard (1980)
Per quanto riguarda l'argomento XP/explorer, hai ragione, me ne devo fare una ragione.
-
@cirosimeoli ha detto in Visualizzazione sito su diversi browser:
Jabba, grazie per l'interessamento. su firefox del mac 24 non è impostato nessuno zoom; tuttavia ho provato a ridurre lo zoom al 90%, ma niente, niente: il browser "rimane" testardamente e pervicacemente sulle sue posizioni. Ho anche dato un'occhiata alla risoluzione del monitor e ad eventuali zoom impostati dalla consorte, ma anche in questo caso, nessun rilievo: zoom 100% e risoluzione standard (1980)
Secondo me a questo punto bisogna fare un po' di test: questo errore lo da solo su quel mac? provato anche su altri mac? Firefox su quel mac è aggiornato? Se provi ad installare chrome e a visualizzare il sito come salta fuori? E su Safari?
-
@jabba ha detto in Visualizzazione sito su diversi browser:
questo errore lo da solo su quel mac? provato anche su altri mac?
sul mio mac 27 firefox visualizza correttamente@jabba ha detto in Visualizzazione sito su diversi browser:
Firefox su quel mac è aggiornato?
si, certo
@jabba ha detto in Visualizzazione sito su diversi browser:
Se provi ad installare chrome e a visualizzare il sito come salta fuori? E su Safari?
su questi due browser la visualizzazione è quella che viene fuori sui dispositivi mobili: menu principale contratto, articoli a tutta oagina e dopo l'ultimo articolo, tutti i moduli (ovvero la prima immagine che ho postato)
-
-
Ciao Ciro, hai provato ad effettuare dei test su Browser stack o simili per simulare l'ambiente del mac incriminato e capire se nativamente si comporti diversamente.
A sto punto credo si debba andare avanti per esclusioni e la prima cosa da fare è capire se un comportamento comune o solo su un singolo device -
@Lucantropo Buongiorno Luca. Grazie della dritta su Browser Stack, non ne conoscevo l'esistenza. Ti farò sapere a breve. Buon fine settimana
-
@Lucantropo Non potevo aspettare, ho provato subito.
Allora i risultati dei test su 3 browser è il seguente:
Firefox e Safari su Imac: tutto ok
Chrome: display come sul telefonino (vedi prima immagine)
... poi sono finiti i 10'
più tardi proverò su altri S.O.grazie. buona giornata e buon appetito
ciro -
@cirosimeoli leggo solo ora il messaggio, per cui purtroppo rispondo con molto ritardo.
Da quanto ho capito il test mostra una situazione diversa da quella del tuo device, nel senso che il problema si presenta su Browser differenti rispetto a quanto riscontri tu.
Situazione davvero anomala che dubito dipenda dal css.
Hai per caso provato a disattivare tutti i moduli nella sidebar e a riattivarli uno alla volta per vedere se per caso siano loro che generano il problema? -
Ho fatto una prova su un iMac 24 aggiornatissimo (macOS Sequoia 15.1.1, Firefox 133), e vedo tutto corretto (come la seconda immagine che hai postato).
Purtroppo l'iMac non è mio, ho scroccato una prova al volo, non so se e quando posso farti altre prove su un 24" (io ho un 27")
