* * *     Scuola forum (scuo.la) - Forum di discussione per le scuole Discussione  * * *

-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
Discussione : Problema sito con riga nera visibile su safari, ipad, iphone
Started at 06-25-2012 10:51 PM by marco
Visit at https://www.scuolaforum.org/showthread.php?t=5296
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-

[Messaggio 1]
Author : marco
data : 06-25-2012 10:51 PM
Titolo della discussione : Problema sito con riga nera visibile su safari, ipad, iphone

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

-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-

[Messaggio 2]
Author : marco
data : 07-25-2012 12: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ì:

<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ì

<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;-)

-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-

[Messaggio 3]
Author : serse
data : 10-05-2012 09: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.

-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-

[Messaggio 4]
Author : marco
data : 10-08-2012 05:36 PM

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ì:

<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>

-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-

Downloaded from Scuola forum (scuo.la) - Forum di discussione per le scuole (https://www.scuolaforum.org) at 05-05-2025 02:59 PM.