+ Rispondi alla Discussione
Risultati da 1 a 9 di 9

Banner AdSense sempre visibile con lo scrolling

Ultimo Messaggio di Protone86 il:
  1. #1
    User
    Data Registrazione
    Jan 2010
    Messaggi
    499

    Banner AdSense sempre visibile con lo scrolling

    Buongiorno ragazzi/e,

    ho un problema che non riesco proprio a risolvere! Premetto che sono una schiappa con i CSS e mi limito ad usarli in modo molto basilare per dare uno stile alle tabelle html con cui realizzo i miei siti. Detto questo, ecco il mio problema.

    Devo fare in modo che un banner AdSense verticale posto sulla colonna sinistra di una pagina resti sempre visibile nonostante lo scrolling della pagina. Mi è stato consigliato di usare un id CSS in questo modo (che ho messo in <td id='stickyunit'> che contiene il banner in questione):
    Codice:
    #stickyunit
    {
    position: fixed; 
    }
    Ma ho due seri problemi:
    - il banner viene tagliato non mostrando mai la parte inferiore;
    - il banner si sovrappone ad altri elementi posti in fondo alla pagina dove invece dovrebbe arrestarsi non appena incontra la fine della colonna che lo contiene.

    Qui potete vedere un test in azione: www . questaseratv.it / testads.php (eliminate gli spazi ovviamente nell'url).

    Come posso risolvere? Spero riusciate ad aiutarmi

    Grazie a tutti in anticipo

  2. #2
    User L'avatar di Bacca001
    Data Registrazione
    Jan 2016
    Località
    Ferrara
    Messaggi
    188
    Ma l'hai disabilitato per ora?
    Perchè non vedo nessun banner...

    Ad ogni modo al "position fixed" vanno aggiunte delle cordinate lui da solo non fa nulla...

    Ad esempio l'ho modificato così ed a me funziona, vedo un bel rettangolo rosso:

    Codice:
    #stickyunit {
        position: fixed;
    
    
        top: 20px;
        left: 20px;
        background-color: red;
        width: 100px;
        height: 100px;
    }
    background-color, width, height, non sono necessari, li ho messi per me per capire dove si posizionava perchè non essendoci nessun banner non vedevo nulla...

  3. #3
    User
    Data Registrazione
    Jan 2010
    Messaggi
    499
    Becca001, ti ringrazio per aver risposto. Il banner è ancora attivo, non so perchè addirittura non lo visualizzi!

    Ho appena messo in pratica il tuo gradito consiglio (che per il momento lascio online sperando che sta volta si veda il banner), ma fondamentalmente ha due problemi:
    - inserendo "left" il banner viene posizionato a partire dal bordo sinistro dello schermo e non della colonna in cui si trova. La posizione della colonna cambia da schermo a schermo in base alla risoluzione quindi non posso dare una posizione esatta al "left" per indicargli dove posizionare il banner;
    - non viene risolto il problema per cui il banner in questione si sovrappone agli elementi che trova in fondo alla pagina quando viene effettuato tutto lo scrolling.

    Altre soluzioni?

  4. #4
    User L'avatar di Bacca001
    Data Registrazione
    Jan 2016
    Località
    Ferrara
    Messaggi
    188
    Non mi funzionava perchè avevo adblock attivo, che cane! ahah

    Comunque vista l'altezza penso sia un problema fare una cosa simile senza l'ausilio di javascript, anche perchè si deve disancorare quando arriva in basso sennò va sopra al footer...

    Non hai pensato a qualche scriptino js?

  5. #5
    User
    Data Registrazione
    Jan 2010
    Messaggi
    499
    ehmmm come dire, non programmo in js Però se trovo uno script in giro che faccia questa cosa riesco ad adattarla al caso mio. Dici che con jquery posso trovare qualcosa?
    PS: adblock è il male del web!! ahah

  6. #6
    User L'avatar di Bacca001
    Data Registrazione
    Jan 2016
    Località
    Ferrara
    Messaggi
    188
    Lo trovi sicuramente in giro, jquery e non
    Ah, si l'ho installato solo per youtube in realtà, odio le pubblicità prima dei video

  7. #7
    User
    Data Registrazione
    Jan 2010
    Messaggi
    499
    Ok, grazie per il suggerimento...
    Se qualcun altro ha altri consigli, si faccia avanti ovviamente...

  8. #8
    Moderatore L'avatar di MiWebDesign
    Data Registrazione
    May 2015
    Località
    Palermo
    Messaggi
    210
    Segui MiWebDesign su Twitter Aggiungi MiWebDesign su Google+ Aggiungi MiWebDesign su Facebook Aggiungi MiWebDesign su Linkedin
    Ciao Protone86, la soluzione che ti è stata indicata potrebbe andar bene devi solo utilizzare position:fixed; e bottom:10px;

    Per la tua versione Mobile da quello che ho visto cambi anche dimensione del banner. Devi fare delle regole apposite per quella versione.

  9. #9
    User
    Data Registrazione
    Jan 2010
    Messaggi
    499
    Ciao MiWebDesign, ti ringrazio per il suggerimento ma avevo già provato quella soluzione e purtroppo non funziona come si deve: il banner viene tagliato (è molto lungo) e il bottom sembra non rispondere.
    Per la versione mobile non serve nulla, non devo fare modifiche lì

+ Rispondi alla Discussione

Tag per Questa Discussione

^ Permessi di Scrittura

  • Tu non puoi inviare nuove discussioni
  • Tu non puoi inviare risposte
  • Tu non puoi inviare allegati
  • Tu non puoi modificare i tuoi messaggi
  •  
  • Il codice BB è Attivato
  • Le faccine sono Attivato
  • Il codice [IMG] è Attivato
  • Il codice [VIDEO] è Attivato
  • Il codice HTML è Disattivato
  • Trackbacks Attivato
  • Pingback Attivato
  • Refback Attivato

SEO by vBSEO 3.6.0 PL2 ©2011, Crawlability, Inc.