Problema sito con riga nera visibile su safari, ipad, iphone

marco · 06-25-2012, 11:51 PM

Salve,
ho un problema nella visualizzazione di una pagina web in quanto con tutti i browser che ho testato si vede bene, tranne con iphone e ipad dove invece compare una fastidiosa linea nera sotto il menu, e non so come correggerlo e a cosa sia dovuto.
La pagina web in questione è visibile all'indirizzo: http://www.channingbanks.com/
Qualcuno di voi mi può aiutare a capire come mai, vedendo il sito sugli apparecchi apple, compare quella riga nera e come modificare la pagina per far si che si veda correttamente su tutti i dispositivi?
Grazie mille

marco · 07-25-2012, 01:45 AM

Dopo numerose prove sono riuscito a capire cosa creava quella riga nera, visibile solo sui prodotti e browser apple: era il plugin per la musica, e per non visualizzarlo più è bastato applicargli come stile, il display none.
In pratica, invece che così:

codice HTML:

<div id="jquery_jplayer_1"></div>
<div id="jp_interface_1">
 <a href="#" class="jp-play">Play</a>
 <a href="#" class="jp-pause">Pause</a>

</div>

ho modificato così

codice HTML:

<div id="jquery_jplayer_1" style="display:none"></div>
<div id="jp_interface_1">
 <a href="#" class="jp-play">Play</a>
 <a href="#" class="jp-pause">Pause</a>

</div>

ed ora si vede bene su ogni browser

serse · 10-05-2012, 10:49 AM

E' vero, si vede bene dappertutto, però mi pare che non si senta poi l'audio: io sto provando ad utilizzare quel plugin lasciandolo visibile, ma a larghezza 1px e mi pare non dia problemi.

marco · 10-08-2012, 06:36 PM

Quote:

Originariamente inviata da serse

E' vero, si vede bene dappertutto, però mi pare che non si senta poi l'audio: io sto provando ad utilizzare quel plugin lasciandolo visibile, ma a larghezza 1px e mi pare non dia problemi.

Mi spiace contraddirti, ma anche la larghezza ad 1px presenta lo stesso problema però ho trovato la soluzione a quanto sembra definitiva: invece che nascondere il div, l'ho spostato fuori dallo schermo, così:

codice HTML:

<div id="jquery_jplayer_1" style="position:absolute; left:-9999px;"></div>
<div id="jp_interface_1">
 <a href="#" class="jp-play">Play</a>
 <a href="#" class="jp-pause">Pause</a>
</div>

Discussioni simili
Discussione	Ha iniziato questa discussione	Forum	Risposte	Ultimo messaggio
Perché la mia bella camicia nera ha incominciata a sbiadire?	alektr	Chimica	1	05-05-2024 06:44 PM
Suoneria SMS di sola vibrazione su Iphone	ruozi	Telefonia & Cellulari	1	05-15-2012 01:14 AM
Problema del sito web con sfondo menu in css che scompare	Forense	Informatica	2	01-04-2008 12:01 PM
Dove reperire una lista nera dei produttori giocattoli?	Clanity184	Consumo Critico	16	11-15-2007 07:25 PM

Menu

Problema sito con riga nera visibile su safari, ipad, iphone