Barra di scorrimento, orizzontale, browser 
Autore: G. Manna
Visite 1794,
Followers 1,
Condiviso 0
Buongiorno, ho importato un sito responsive sviluppato con WebSiteX5 12 nella versione WebSiteX5 13 ed ho un problema con la presenza della barra di scorrimento orizzontale quando il browser cambia la risoluzione...
In pratica, con la versione 13, ridimensionando il browser per verificare la disposizione degli oggetti per le varie risoluzioni (modalità responsive) risulta presente la barra di scorrimento orizzontale del browser pssando dalla risoluzione desktop a quelle mano a mano più piccole.
Ciò non accadeva nella versione 12, ìcome è possibile ovviare al problema?
Grazie & Saluti
Gian Pellegrino Manna
Postato il
... si dovrebbe vedere qualche link con test reali per poter valutare...
... comunque, se hai assegnato una larghezza del sito elevata, per esempio 1920 pixel, ed il primo breakpoint è posizionato a 960 pixel, allora è normale e corretto che si formi lo scroll orizzontale nelle finestre intermedie a tali valori...
.
Autore
Salve,
al fine di ovviare al problema nel più breve tempo possibie, invio per capire meglio, una immagine contenente la visione del sito pubblicato (http://www.tuttanaturdello stesso sito nella versione 123 asas.it) con la versione 12 di WebSite X5 ed il test effettuato dopo l'importazione nella nuova versione 13. Non avendo ben compreso le differenze tra le chiedo di avere qualche info a riguardo. Inoltre chiedo cosa intende per breckpoint e come gestirli.
In attesa di un riscontro, ringrazio anticipatamente
Gian Pellegrino Manna
G. Manna, probabilmente devi dare una controllata agli elementi che avevi inserito in Intestazione o Footer nella versione 12. Nella nuova versione 13 vai al Passo 2/Personalizzazione/Contenuto Header e Footer e devi utilizzare la "Responsive Bar" per visualizzare header e footer alle varie risoluzioni e controllare se ci sono lì problemi con gli oggetti inseriti.
P.S. per ricreare quel testo che era posizionato nel footer con la versione 12 devi ora utilizzare una caselle Oggetto Testo nel footer, controllare la sua posizione e dimensione a tutte le risoluzioni utilizzando come detto sopra la "Responsive Bar" ed inserire il testo (se non te lo ritrovi più) che con questa nuova fuzionalità potrai formattare e sistemare molto meglio. Devi fare attenzione che alle varie risoluzioni l'Oggetto testo non vada MAI oltre i limiti del Footer (o Header, è lo stesso)
Vedi screenshot allegato.
Ciao
Autore
Salve Giuseppe Guida. Innanzitutto grazie e provo, seguendo i tuoi consigli.
Ciao
Ma di nulla, fai sapere poi se era quello il problema. Può tornare utile per altri utenti. ciao ciao
Autore
Buonasera,
ho effettuato svariati tentativi, controllando bene che gli oggetti presenti nella Responsive Bar non fossero posizionati male (oltre i margini) ma nulla ha portato all'esito sperato.
A questo punto ho cambiato strada ed ho tamponato inserendo nel body della pagina il comando style="overflow-x:hidden"
Ciao
Gian Pellegrino Manna
Hai nascosto la barra di scroll orizzontale quindi...
Mandami il progetto alla mail presente su questo mio sito, sono curioso di capire cosa possa essere successo: http://www.ggwebdesign.altervista.org
Buonasera ho notato anch'io questo problema.
Sto lavorando ad un nuovo progetto e quando in anteprima provo a restringere e ad allargare la finestra del browser nel momento in cui cambiano i breakpoint appare la barra di scorrimento orrizzontale.
E' un problema che con la versione 12 non c'era.
Ciao Giuseppe Guida ho notato che anche nel tuo sito cambiando la larghezza del browser esce la barra
Ciao Andrea. La barra si nota un attimo prima del cambio di breakpoint solo sui PC quando si fa il ridimensionamento della finestra del browser ma sui dispositivi mobili, sui quali non devi ridimensionare nulla, non credo si veda. Ma a quel punto se dà fastidio quella "veloce" apparizione si può usare il comando style="overflow-x:hidden" che ha usato G. Manna e non la vedi neanche in quell'attimo del cambio. Io la trovo ininfluente come cosa.
Giuseppe intanto grazie della dritta. Il codice lo devo inserire prima della chiusura del tag head?
Il problema comunque c'é e credo che da parte di incomedia dovrebbe essere risolto perche se ad esempio si imposta il break point a 1366 e si utilizza un monitor con tale risoluzione la barra si vede
Si Andrea, PASSO 1 IMPOSTAZIONI /Avanzate/Statistiche, SEO e Codice/Esperto/Prima della chiusura del Tag HEAD
<style>
html {overflow-x: hidden;}
</style>