popup con i CSS che scorre insieme alla pagina

mediasteno

Utente Attivo
25 Gen 2010
120
0
0
Salve, ho necessità di creare un pop up che scorre con la pagina. Seguendo un tutorial ho creato questo codice:
nel foglio di stile CSS

/*codice per il popup*/
Codice:
#banner {position:absolute; border:0px; background-color:inherit; width:250px; height:400px; left:150px; top:300px;}
#chiudi {position:absolute;width:20px; height:20px; background-color:#eee2ba; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color#000000; left:380px; top:285px; text-align:center;}
#chiudi a {background-color:#eee2ba; font-weight:bold; color:#000000; text-decoration:none; text-align:right;}
#chiudi a:hover {background-color:#eee2ba; font-weight:bold; color:#990000; text-decoration:none; text-align:right;}

e nel body questo codice:
PHP:
<div id="banner">
<img border="0" src="pic/popup.gif" alt="Nonna Iuccia" />
</div>
<div id="chiudi" align="right">
<a href="#" onclick="banner.style.display='none'; chiudi.style.display='none'"><strong>X</strong></a></div>

Tuttavia questo popup rimane fisso nella pagina, invece io ho necessità di far si che scorrendo la pagina anche il popup scorre. Qualcuno può aiutarmi? Suggerendomi anche soluzioni alternative tipo javascript o flash indicandomi tutorial.
 
Io proverei cosi:
#banner {position:fixed;.......etc
 

Discussioni simili