Su html.it ho trovato lo script di un menù fluttuante che vorrei in un sito che sto creando il problema è che tale script funziona solo su MS Explorer invece su Firefox no.
Conoscete la soluzione a questo mio quesito?
Lo script lo trovate qui
Ciao Agenio
p.s= mi servirebbe al più presto
Grazie mille
Non si può pensare a ciò che non esiste
Div attuale
Div per firefoxcodice:style="position:absolute; visibility:show; left:0px; top:20px; height:800px; font-family:arial; font-size:14px">
Copia il secondo codice al posto del primo e con firefox dovrebbe funzionare meglio che con IEcodice:style="position: fixed !important; position:absolute; visibility:show; left:0px; top:20px; height:800px; font-family:arial; font-size:14px">
ciao
Grazie mille per la tempestiva risposta.
Ho applicato la tua dritta e adesso il menù funziona solo che in firefox segue la scrool bar ma non in maniera fluttuante per intenderci come la barra di tgmonline.
Cmq grazie mille
Agenio
Non si può pensare a ciò che non esiste
sì, perché è ottenuto coi CSS anziché con js. non è meglio cosi?
se vuoi farlo fluttuare devi mettere le mani allo script, ma di js non ne capisco molto
è lo stesso era solo per affinarlo un po'.
cmq grazie mille
Agenio
Non si può pensare a ciò che non esiste
sono ancora io e con lo stesso problema da risolvere solo che questa volta il menù non si muove su explorer mentre su firefox si.
Di seguito vi posto il codice html della pagina:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html><head>
<title>HOME</title>
<script language="JavaScript" type="text/JavaScript">
function setVariables(){
if (navigator.appName == "Netscape") {
v=".top=";h=".left=";dS="document.";sD="";
y="window.pageYOffset";x="window.pageXOffset";}
else {h=".pixelLeft=";v=".pixelTop=";dS="";sD=".style" ;
y="document.body.scrollTop";x="document.body.scrol lLeft";}checkLocationA()}
movex=0,movey=0,xdiff=0,ydiff=0,ystart=0,xstart=0
function checkLocation(){
object="menu";yy=eval(y);xx=eval(x);ydiff=ystart-yy;xdiff=xstart-xx;
if ((ydiff<(-1))||(ydiff>(1))) movey=Math.round(ydiff/10),ystart-=movey
if ((xdiff<(-1))||(xdiff>(1))) movex=Math.round(xdiff/10),xstart-=movex
eval(dS+object+sD+v+ystart);eval(dS+object+sD+h+xs tart);
setTimeout("checkLocation()",10)}
function checkLocationA(){ystart=eval(y);xstart=eval(x);}
</script>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" href="css/schermo.css" type="text/css">
<link media="print" rel="stylesheet" href="css/stampa.css" type="text/css">
<meta name="robots" content="noindex,nofollow">
<style type="text/css">
<!--
.style1 {color: #000000}
-->
</style>
</head>
<body bgcolor="#ffffff" text="#000000" onload="setVariables();checkLocation()">
<table id="tabsup" width="100%">
<tbody><tr>
<td>
<p align="center">
<H1 align="center" class="style1">I NEUTRINI</H1>
</p>
</td>
</tr>
</tbody></table>
<table width="100%">
<tbody><tr>
<td id="colsin" valign="top" width="250">
<div id="menu" style="position: fixed ! important; visibility:show; left:0px; top:80px; height:650px;">
[img]POSSIBILE-MEN.png[/img]
</div>
</td>
<td id="colprinc">
<h1>Contenuto</h1>
La colonna centrale della tabella è quella in cui inseriamo il
contenuto principale, l'unico che renderemo disponibile in fase di stampa.</p>
Il suo id è "colprinc". Il codice html è <td
id="colprinc">. </p>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy
nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit
lobortis nisl ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit
amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt
ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam,
quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip
ex ea commodo consequat.</p>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy
nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit
lobortis nisl ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit
amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt
ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam,
quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip
ex ea commodo consequat.</p>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy
nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit
lobortis nisl ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit
amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt
ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam,
quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip
ex ea commodo consequat.</p>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy
nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit
lobortis nisl ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit
amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt
ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam,
quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip
ex ea commodo consequat.</p>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy
nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit
lobortis nisl ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit
amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt
ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam,
quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip
ex ea commodo consequat.
</p>
</td>
<td id="coldest" valign="top" width="170"></td>
</tr>
</tbody></table>
<h2></h2>
<pre></pre>
</body></html>
l'unica modifica che ho fatto alla pagina è quella di utilizzare due fogli di stile.
non ci capisco più niente.
Ciao Agenio
Non si può pensare a ciò che non esiste
up
Non si può pensare a ciò che non esiste
dai raga è urgentissimo
Agenio
Non si può pensare a ciò che non esiste
a occhio hai tirato via il position: absolute dopo:
<div id="menu" style="position: fixed ! important;
Allora ho corretto mettendo position: absolute
Però il problema rimane.
Non si può pensare a ciò che non esiste
Permessi di invio
Rispondi quotando