Iphone crea uno spazio bianco piè di pagina 
Autore: Alberto P.
Visite 2208,
Followers 1,
Condiviso 0
Ciao a tutti, nel sito "mobile" che sto facendo, se apro la pagina www.farmaciapiazzavillari.com/mobile/lab.html con iphone, si crea uno spazio al fondo tra il testo e il piè di pagina, che non so come eliminare e soprattutto non so perchè si forma. Se si prova a far ricaricare la pagina, spesso scompare e si torna alla continuità. Mi aiutate per favore? Grazie come al solito
Postato il
Buongiorno Alberto,
visualizzando il sito con chrome su pc vedo uno spazio bianco prima del footer con il link alla home e sembra che sia giusto che ci sia. Hai già effettuato delle modifiche per le quali deve esserci quello spazio?
Autore
Ciao e grazie.
Con chrome su pc non ci sono spazi bianchi tra il termine della casella col bordo (dove cioè c'è scritto "in farmacia") ed il footer con il link alla home.
Se provi con safari o chrome su iphone, e pure con opera su android, invece fra il bordo terminale della casella ed il footer si crea uno spazio vuoto di almeno 5 o 6 righe.
Non capisco come? Che ne dici?
Grazie
Buongiorno Alberto,
sembra che sia settata un'altezza minima di più di 3000px in qualche oggetto che hai utilizzato per quella pagina, credo che potrebbe essere quello il problema.
Fammi sapere se riesci a risolvere
Autore
Ciao, quindi c'è un'altezza massima per le celle?
In quella pagina ci sono solo due celle, la prima dove ho scritto "Preparazioni" su sfondo verde, la seconda quella nel riquadro con tutto l'elenco e la figura, in cui non ho inserito altro se non le distanze interne e de esterne dei bordi (l'inferiore è 13 di altezza).
Poi termina la pagina.
Ho già provato a dividere la seconda cella in due celle ed eliminare bordi, ma senza risultato.
Cio' che non capisco è perchè su pc, windows o linux, tutto va bene, su iphone e android invece compare lo spazio bianco (e se ricarichi la pagina scompare).
Buongiorno Alberto,
l'altezza della cella è fissata in modo automatico basandosi sull'altezza del contenuto, quindi se una volta caricata la pagina lo zoom è in un modo l'altezza viene calcolata sulla base dell'altezza assunta in quell'istante e se successivamente si va a modificare lo zoom l'altezza rimane sempre quella dell'inizio.
Potresti provare ad aggiungere questo metatag alle pagine del tuo sito mobile al pass 1 -> tab esperto -> sezione HEAD:
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
Fammi sapere
Autore
Ciao,
inserendo il metatag che mi hai indicato si risolve il problema del bianco a piè pagina, ma il sito viene aperto come zoommato e bisogna adattarlo manualmente. Come posso fare?
Grazie.
Buongiorno Alberto,
in effetti è proprio il comportamento che dovrebbe avere, in questo modo il sito viene automaticamente aperto in modo che sia visibile nella suà totalità.
Purtroppo non posso aiutarti molto di più perchè questo è un problema legato al come i dispositivi mobili visualizzano le pagine, quindi un problema più generico e non specifico di WebsiteX5. Ti suggerisco di cercare sdirettamente su google ricordanti che puoi inserire codice personalizzato in ogni pagina del tuo sito.
Se hai ancora problemi chiedimi pure