Ecco la pagina in questione:Aggiungendo un qualsiasi DOCTYPE ad inizio pagina mi allarga la parte in cui viene effettuato lo scroll del testo.codice:<html> <head> <title>scrollign</title> <script language="JavaScript1.2"> <!-- var sp=0; function swtScroll() { scrtext=document.getElementById?document.getElementById("sctext"):document.all["sctext"]; maxp=scrtext.offsetHeight?scrtext.offsetHeight:scrtext.style.pixelHeight; if (sp<-maxp) sp=0; sp--; scrtext.style.top=sp; s1=setTimeout('swtScroll()',20); // larger number = slower scroll } if (!document.layers) window.onload=swtScroll; function stop(){clearTimeout(s1);} //--> </script> <style> <!-- BODY {FONT-SIZE: 12px; FONT-FAMILY: arial,sans-serif; TEXT-ALIGN: left; BACKGROUND-COLOR: #ecf5fd;} #dx_event {POSITION: absolute; TOP: 256px; LEFT: 354px; WIDTH: 223px; HEIGHT: 204px; BACKGROUND-COLOR: #ecf5fd;} #dx_event_dati {POSITION: absolute; TOP: 52px; LEFT: 10px; WIDTH: 201px; HEIGHT: 140px; BORDER: #CCE1F4 1px solid; BORDER-TOP: none;} #dx_event_currdate {POSITION: absolute; TOP: 10px; LEFT: 7px; WIDTH: 209px; HEIGHT: 15px; BACKGROUND-COLOR: #439def; FONT: 10px Arial,Helvetica,sans-serif; COLOR:#FFFFFF;} #dx_event_titolo { POSITION: absolute; TOP: 25px; LEFT: 7px; WIDTH: 209px; HEIGHT: 27px; BACKGROUND-IMAGE:url(eventi.jpg); BACKGROUND-COLOR: #ecf5fd;} --> </style> </head> <body scroll=no bgcolor="#FFFFCC"> <div id=dx_event> <div id=dx_event_dati> <div style="overflow:hidden;BACKGROUND-COLOR: #FFFFFF;background-image:url('immagine. jpg');width:201px;height:140px;padding:10px;" onmouseover="stop();" onmouseout="swtScroll();"> <div id="sctext" style="position:relative;padding-top:134px;"> 1 stringhe da visualizzare 2 stringhe da visualizzare 3 stringhe da visualizzare </div> </div> </div> <div id=dx_event_currdate><div align="center">Data di Oggi</div></div> <div id=dx_event_titolo></div> </div> </body> </html>
Inoltre il testo parte da più in basso come se fosse sovrapposto al box in cui viene visualizzato.
Qualche idea?
Grazie mille
Rispondi quotando
