Sovrapposizione di due elemeti [css+html]

Salve raga!
Sotto il banner centrale (728x90) del mio sito ho nascosto un div con del testo in modo che venga stampato nel caso in cui non compaia il banner (noscript, adblock o altro):

Codice PHP:

---

<div style="float: right;">
<script type="text/javascript">
//<![CDATA[
google_color_border = "303030";
google_color_bg = "303030";
google_color_link = "00e0ff";
google_color_url = "00e0ff";
google_color_text = "CDCDCD";
document.write(\'<s\'+\'cript type="text/javascript" src="http://ad.altervista.org/js.ad/size=728X90/r=\'+new Date().getTime()+\'"><\/s\'+\'cript>\');
//]]>
</script>
</div>
<div id="warning">', $txt['anti-adblock'], '</div>
//anti-adblock fa riferimento al testo in italiano e/o inglese :)
//noto che vbulletin non gradisce molto questo pezzo di codice, comunque nel file la sintassi è corretta


---

Codice PHP:

---

/* adblock warning start */
#warning {
background: #FF6;
width: 727px;
height: 89px;
font-size: x-small;
color: #000;
text-align: center;
float: right;
}
#warning a {
color: #00f;
text-decoration: none;
font-weight: bold;
}
/* adblock warning End */


---

Il risultato è perfetto (testato sia con noscript che con adblock) ma noto che in realtà il banner non si sovrappone al div id="warning" (testato aumentando le dimensioni via css) bensì o si vede uno o l'altro (non so se mi sono spiegato correttamente).
Non che sia di vitale importanza (ripeto il funzionamento è comunque corretto) ma, anche solo per capire, gradirei sapere come fare una corretta sovrapposizione (dando ovviamente priorità al banner) dei due elementi.
Grazie anticipatamente, DarkWolf :)

forse devi inserire il div id=warning all'interno del primo div e racchiuderlo dentro noscript....

Codice:

---

<div style="float: right;">
<script type="text/javascript">
//<![CDATA[
google_color_border = "303030";
google_color_bg = "303030";
google_color_link = "00e0ff";
google_color_url = "00e0ff";
google_color_text = "CDCDCD";
document.write('<s\'+\'cript type="text/javascript" src="http://ad.altervista.org/js.ad/size=728X90/r=\'+new Date().getTime()+\'"><\/s\'+\'cript>\');
//]]>
</script>
<noscript>
<div id="warning">', $txt['anti-adblock'], </div>
</noscript>
</div>

---

Penso che così sia corretto per sovrapporre il testo in caso il js fosse disabilitato....

Si c'avevo pensato al noscript ma, avrebbe effetto solo nel caso di js disabilitato e non con adblock o firewall o altro :|

In ogni caso a JS disabilitato gli Ad non si vedono :wink:

Si, lo so, grazie :|
Io voglio (ed ho ottenuto) un qualcosa che si nasconda sotto il banner sia nel caso in cui gli script siano disabilitati (noscript) o i banner (anche con gli script abilitati) non vengano visualizzati (adblock, firewall, altro).
Per questo motivo non posso utilizzare il semplice noscript.

Altrimenti puoi provare con la proprietà del CSS z-index :mrgreen:

Invece di ottenere una sovrapposizione di banner, potresti individuare in base al tipo di browser in uso ....se la pubblicità viene bloccata, e agire di conseguenza.

Qui dovrebbe essere il codice per firefox ( ovviamente lo puoi modificare a piacimento in base alle tue esigenze):

Codice:

---

// JavaScript Document
setTimeout('detect_abp()', 10000);
var isFF = (navigator.userAgent.indexOf("Firefox") > -1) ? true : false;
var hasABP = false;

function detect_abp()
{
  if(isFF)
  {
    if(Components.interfaces.nsIAdblockPlus != undefined)
    {
      hasABP = true;
    }
    else
    {
      var AbpImage = document.createElement("IMG");
      AbpImage.id = 'abp_detector';
      AbpImage.src = '/textlink-ads.jpg';
        AbpImage.style.width = '0px';
      AbpImage.style.height = '0px';
      AbpImage.style.top = '-1000px';
      AbpImage.style.left = '-1000px';
      document.body.appendChild(AbpImage);
      hasABP = (document.getElementById('abp_detector').style.display == 'none');
     
        var e = document.getElementsByTagName("iframe");
        for (var i = 0; i < e.length; i++)
        {
          if(e[i].clientHeight == 0)
            {
                hasABP = true;
            }
        }
          if(hasABP == true)
          {
          history.go(1);
            location = "http://yoursite/support-us.html";
          window.location(location); 
         
        }
    }
  }
}

---

Questo codice non è testato!!!

OK, e se ha adblock? e se ha gli script disabilitati (noscript o altro)? e se ha un firewall che blocca gli ads? o il file host appositamente modificato?
Ragà, grazie per l'interessamento ma a me serve semplicemente un modo per coprire quel div con il banner in modo che, se il banner non dovesse apparire (per un qualunque motivo), si veda il contenuto di quel div.
Già così com'è adesso funziona esattamente come volevo ma volevo fare una "corretta" e "reale" sovrapposizione.
-
Probabilmente la soluzione di biccheddu (z-index) è quella corretta, vedrò di abbozzare qualcosa :wink:
-
Edit: ecco il codice (sovrapposizione perfetta :wink:)
Php:

Codice PHP:

---

<div style="position:relative; width: 728px; height: 90px; float: right;">
<div style="position:absolute; z-index: 2;">
<script type="text/javascript">
//<![CDATA[
google_color_border = "303030";
google_color_bg = "303030";
google_color_link = "00e0ff";
google_color_url = "00e0ff";
google_color_text = "CDCDCD";
document.write(\'<s\'+\'cript type="text/javascript" src="http://ad.altervista.org/js.ad/size=728X90/r=\'+new Date().getTime()+\'"><\/s\'+\'cript>\');
//]]>
</script>
</div>
<div id="wadblock">', $txt['anti-adblock'], '</div>
</div>


---

Css:

Codice PHP:

---

/* adblock warning start */
#wadblock {
background: #fff;
width: 726px;
height: 88px;
font-size: x-small;
color: #000;
text-align: center;
z-index: 1;
position: absolute;
border: #303030 1px solid;
}
#wadblock a {
color: #00f;
text-decoration: none;
font-weight: bold;
}


---

Io invece ho realizzato la sovrapposizione in modo più semplice con javascript:

Codice HTML:

---


<script type="text/javascript">
//<![CDATA[
myleft = (screen.width)?(screen.width-490)/2:100
google_color_border = "003399";
google_color_bg = "FFFFFF";
google_color_link = "0033CC";
google_color_url = "008000";
google_color_text = "000000";

document.write('<div class="" style="visibility:visible; position:absolute;  top:0px; left:'+myleft+'px; width:728px; height:90px; z-index:3; ">');
document.write('<s'+'cript type="text/javascript" src="http://ad.altervista.org/js.ad/size=728X90/r='+new Date().getTime()+'"><\/s'+'cript>');
document.write('</div>');

document.write('<div class="" style="visibility:visible; position:absolute; top:0px; left:'+myleft+'px; width:728px; height:90px; z-index:2; ">');
document.write('Messaggio Importante:<br>Il Browser in uso o un Ad-Blocker sta bloccando la visualizzazione di Pubblicità su questo sito.<br>');
document.write('Dovete sapere che questo sito sopravvive grazie alla Pubblicità<br>Per favore Disabilitate il Blocco o il Filtro per rendere visibile la Pubblicità.');
document.write('</div>');
//]]>
</script>
<noscript><div align="left" class="box">Il Browser in uso ha Javascript disattivato!<br>Senza Javascript questo sito non funzionerà correttamente.<br>Alcune funzionalità saranno disattivate.</div></noscript>

---

Citazione:

---

Originalmente inviato da EuroSalute

Io invece ho realizzato la sovrapposizione in modo più semplice con javascript:

---

Scommetto che, nel caso di script disabilitati (noscript), funzionerà alla grande :|

nel caso di js disabilitato, appare il testo racchiuso nel <noscript>.....

nel caso in cui si voglia far apparire sempre il testo di blocco pubblicità, basterà inserirlo al di fuori del js...

Comunque con firefox funziona correttamente( o i browser versione firefox), mentre con internet explorer non funziona , dico NON FUNZIONA, correttamente, in quanto con il codice che ho scritto io --> la sovrapposizione avviene ma si vede il testo in trasparenza;
con il codice che hai scritto tu --> la sovrapposizione non avviene....

penso che dipenda dalla versione di i.e.....ho la versione 6.0.2600.0000.xpclient....