WebSite X5Help Center

 
Stefano L.
Stefano L.
User

Centratura responsive larghezza minore di 480 px  it

Autor: Stefano L.
Besucht 1182, Followers 1, Geteilt 0  

Buongiorno a tutti,

vorrei sottoporvi questo mio problema riscontrabile qui su visualizzazione da smartphone.

Quando si carica la pagina nella modalità responsive Smartphone INFERIORE a 480 px, questa appare centrata alla larghezza predefinita dell'Header e Footer:

quindi con questo risultato (screenshot fatto da smartohone):

Se col dito scorro da sinistra verso destra, il margine sinistro è sempre allineato con il margine del display dello smartphone.

Se col dito scorro da destra verso sinistra, il tutto non rimane più centrato ma si allinea al margine destro del'immagine contenuta nell'Header che volutamente è larga 450 px e, per ricentrare il tutto bisogna fare il refresh:

ESISTE UN CODICE PER FORZARE LA CENTRATURA della STRUTTURA DEL MODELLO?

GRazie

Stefano

Gepostet am
10 ANTWORTEN - 1 NüTZLICH - 1 KORREKT
Fabio C.
Fabio C.
User

Hai qualche oggetto che esce dall'area di lavoro in quel breakpoint

Mehr lesen
Gepostet am von Fabio C.
Stefano L.
Stefano L.
User
Autor

Ciao Patrizia,

ho pensato anche io fosse quello il problema ma non riesco ad individuarlo con la selezione degli oggetti (partendo dall'esterno dell'area di lavoro nella risoluzione < di 480 px).

Non so come fare per identificarlo....

Patrizia B.
Hai qualche oggetto che esce dall'area di lavoro in quel breakpoint
Mehr lesen
Gepostet am von Stefano L.
Stefano L.
Stefano L.
User
Autor

Intendi qualche oggetto ESCLUSA "l'immagine che è contenuta nell'Header che volutamente è larga 450 px" ?

Mehr lesen
Gepostet am von Stefano L.
Fabio C.
Fabio C.
User

Si, potrebbe essere anche nel footer

Mehr lesen
Gepostet am von Fabio C.
Stefano L.
Stefano L.
User
Autor

Ho controllato, ma non rilevo nulla sempre esclusa l'immagine da 450px nell'Header e una da 366px nel Footer...

Mehr lesen
Gepostet am von Stefano L.
Claudio D.
Claudio D.
Moderator
Nutzer des Monats IT
Stefano L.
 non rilevo nulla sempre esclusa l'immagine da 450px nell'Header ...

penso che la risposta sia lì...

Mehr lesen
Gepostet am von Claudio D.
Stefano L.
Stefano L.
User
Autor

Ciao Claudio, quindi non è possibile fuoriuscire dai margini dell'area di lavoro?

Mehr lesen
Gepostet am von Stefano L.
Claudio D.
Claudio D.
Moderator
Nutzer des Monats IT
Stefano L.
Ciao Claudio, quindi non è possibile fuoriuscire dai margini dell'area di lavoro?

se esci ti apparirà la barra orizzontale che ti evidenzia che ci sono oggetti più a destra... come ti sta capitando...

Mehr lesen
Gepostet am von Claudio D.
Stefano L.
Stefano L.
User
Autor

Ok, tutto chiaro Claudio.

Penso di aver risolto giocando con lo sfondo della Pagina/Header e lo sfondo del Footer.

Appena termino di pubblicare valuto e poi lascio un post di conferma...

Claudio D.
Stefano L. Ciao Claudio, quindi non è possibile fuoriuscire dai margini dell'area di lavoro? se esci ti apparirà la barra orizzontale che ti evidenzia che ci sono oggetti più a destra... come ti sta capitando...
Mehr lesen
Gepostet am von Stefano L.
Stefano L.
Stefano L.
User
Autor

Confermo che chi possiede la versione Evo e non la Pro (quindi non può aggiungere breakpoint al di sotto di quello <480px) può ovviare al problema impostando come sfondo dell'header e footer un immagine più larga di 320 px SPUNTANDO l'opzione ESTENDI ALLA LARGHEZZA DELLA FINESTRA DEL BROWSER.

Ovviamente le immagini contenute negli sfondi non vanno rinserite nell'Header e nel Footer e gli oggetti contenuti non devono sbordare dai margini dell'area di progettazione.

In questo modo, quando si trascina da destra verso sinistra o viceversa lo schermo rimane fisso e non fa movimento orizzontale (non genera la barra orizzontale di scorrimento). Nel caso si "pizzichi" lo schermo per rimpicciolire, quando si lascia, i margini dell'intero contenuto si ricentra con i margini del display dello smartphone.

Stefano.

Mehr lesen
Gepostet am von Stefano L.