problema con overflow in firefox per mac

**tziggie** · 29-03-2007, 12:14

Salve a tutti.

Sto costruendo da un po' una pagina che prevede l'uso di <div> nascosti che vengono resi visibili cliccando sul relativo bottone.
I <div> che richiamo sono nascosti e hanno tutti le stesse coordinate all'interno di un'unica pagina-contenitore. Ognuno rappresenta una diversa parte del sito e quindi ognuno è richiamato da un dato link nel menu di navigazione, che è in alto nella pagina-contenitore. Cliccando su un link rendo visibile il relativo <div> e nascondo eventuali <div> aperti in precedenza.

Tutto funzionerebbe a perfezione se non fosse per il fatto che Firefox, nonostante il <div> sia nascosto, mi mostra ugualmente la sua barra laterale. Non è solo una questione di estetica della pagina. Quando richiamo gli altri <div> la barra di scorrimento laterale resta quella del primo <div> che ho richiamato, rendendo pressoché inutilizzabile il sito (es: richiamo il div2, ma la barra di scorrimento è quella del div1 che ho aperto prima

). Il problema si risolve se sul mouse c'è la rotellina per lo scorrimento, ma senza di questa non si può fare nulla.

Safari e Opera non mi danno problemi (sto testando su mac), Firefox su windows nemmeno. L'unico che mi dà questo problema di visualizzazione è Firefox su mac.

Posto la parte del CSS che riguarda i <div>

/*box è il luogo dove richiamare i div nascosti;
un javascript li rende visibili con il comando onclick*/
div#box {
height:450px;
width:800px;
position:absolute;
top:100px;
left:0px;
z-index:2;
background-color:#FFFFFF;
}
/*fermeture contiene un pulsante per dare
la possibilità di chiudere i div aperti*/
div#fermeture {
width:800px;
height:15px;
position:absolute;
margin-top:0px;
background:transparent;
}
/*ecco i div sovrapposti*/
div#text {
width:800px;
height:420px;
position:absolute;
margin-top:15px;
background:#FFFFFF;
overflow:auto;
}
div#text2 {
width:800px;
height:420px;
position:absolute;
margin-top:15px;
background:#FFFFFF;
overflow:auto; /*solo FF si ostina a visualizzare la barra con overflow:auto*/
}
div#bas {
width:800px;
height:15px;
position:absolute;
margin-top:435px;
background:transparent;
}

Spero mi possate dare un aiuto.
Grazie a tutti, ciao!

**tziggie** · 30-03-2007, 11:13

Non avevo pensato che il problema potesse essere altrove. Aggiungo la pagina HTML che comprende anche la funzione javascript usata per richiamare i <div>

codice:

<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>Documento senza titolo</title>
<link rel="stylesheet" href="foglio5.css" type="text/css" />
<!--[if IE]>
<link rel="stylesheet" href="foglioIE.css" type="text/css" />
<![endif]-->
<script type="text/Javascript">
<!--
function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_showHideLayers() { //v6.0
  var i,p,v,obj,args=MM_showHideLayers.arguments;
  for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2];
    if (obj.style) { obj=obj.style; v=(v=='show')?'visible': (v=='hide')?'hidden':v; }
    obj.visibility=v; }
}
//-->
</script>
<link rel="shortcut icon" href="pag1on.ico" />
</head>

<body marginwidth="0" marginheight="0" onload="MM_showHideLayers('fermeture','','hide','text','','hide','text2','','hide','bas','','hide')">
<div id="box">
 <div id="fermeture">[img]fermeture.jpg[/img]
<map name="Map" id="Map"><area shape="rect" coords="745,4,801,14" href="#" onclick="MM_showHideLayers('fermeture','','hide','text','','hide','text2','','hide','bas','','hide')" /></map></div>
 <div id="text">
 </div>
 <div id="text2"><!--il problema riguarda questi due div, (ce ne sono anche altri due ma qui 
non sono scritti); la barra appare in firefox per mac anche quando sono in posizione 'hidden'-->
 </div>
 <div id="bas">
 </div>
</div>
<table class="menu" cellpadding="0" cellspacing="0">
 <tr>
  <td class="logo">[img]onverra.jpg[/img]</td>
  <td class="cella">
   <div class="link">[img]pag1off.jpg[/img]<span style="background-color:#FF0000">[img]pag1on.jpg[/img]</span></div>  </td> 
  <td class="cella">
   <div class="link">[img]pag2off.jpg[/img]<span style="background-color:#FFFF00">[img]pag2on.jpg[/img]</span></div>  </td>
  <td class="cella">
  <div class="link">[img]pag3off.jpg[/img]<span style="background-color:#00CC33">[img]pag3on.jpg[/img]</span></div>  </td>
  <td class="cella">
  <div class="link">[img]pag4off.jpg[/img]<span style="background-color:#00CCFF">[img]pag4on.jpg[/img]</span></div>  </td>
 </tr>
</table>
</body>
</html>

Grazie

Discussione: problema con overflow in firefox per mac

Strumenti discussione

Ricerca discussione

Visualizza

problema con overflow in firefox per mac

javascript e html

Permessi di invio