Ver Mensaje Individual
  #1 (permalink)  
Antiguo 22/02/2010, 07:33
gerazmv
 
Fecha de Ingreso: octubre-2004
Ubicación: Uruguay
Mensajes: 386
Antigüedad: 19 años, 5 meses
Puntos: 4
Problemas con div y scroll en Chrome

Hola gente. tengo el siguiente codigo que lo que hace es desplegar un div con un scroll.
al pasar el texto sobre el href aparece un div flotante con un scroll que contiene varios registros. desplazando el scroll aparecen mas registros .

Funciona divino en IE pero al ponerlo en chrome este no funciona correctamente

Al salir del scroll me devuelve el scroll arriba del todo , cuando deberia de mantener su posicion real.

espero que alguien me pueda ayudar a encontrar el problema .
Gracias

aqui os dejo el codigo

Código:
<style>
.headermisfavoritos { float:right; font-size:11px; margin-top:15px; background-image:url(../images/favoritosdown.png); background-position:right; background-repeat:no-repeat; padding-right:14px; font-size:13px; color:#0033CC; cursor:pointer;  font-weight:bold; margin-bottom:0px; padding-bottom:0px; margin-right:0px;}
headermisfavoritos a{ color:#0033CC; cursor:pointer; } headermisfavoritos a:visited{ color:#0033CC; } headermisfavoritos a:hover{ color:#0033CC; } headermisfavoritos a:link{ color:#0033CC; }
#favoritosselect {  z-index: 1;  font-size:11px;     text-align:left;    position:absolute; width:320px;  padding:0px; right:0px;   margin: 28px 0px 15px;  }
#favoritosfloat {   margin:0px;   padding:0px 13px 0px 10px;    }
#favoritostitulo { padding:5px 5px 8px 5px; background-color:#F3F3F3; font-size:12px; font-weight:bold; }
#juegosfavoritosdiv {   }

.juegooption { background-color:#999999; border:1px solid #666666; height:50px;    }
</style> 
<script>
function favoritosocultar() {
var estado = document.getElementById('juegosfavoritosdiv').style.display;
if (estado="block")
 {
  
 document.getElementById('favoritosselect').style.display="none";
 }
}
function favoritosmostrar() {
var estado = document.getElementById('juegosfavoritosdiv').style.display;
 
if (estado="none")
 {
 document.getElementById('favoritosselect').style.display="block";
  
 }
}
</script>
<div class="headermisfavoritos"><a  onmouseover="favoritosmostrar();" onmouseout="favoritosocultar();" >Mis favoritos (<span id="cantidadfavoritos">3</span>)</a></div>
<div id="favoritosselect"  style="   background-color:#FFFFFF;" onmouseout="favoritosocultar();" onmouseover="favoritosmostrar();"> <!-- favoritosselect -->
 
<div id="favoritostitulo"> 
<div style="float:right;"><a href="javascript:void(0);" onclick="favoritosocultar();"><img id="favoritoscerrar" src="images/favorito_cerrar.png" alt="Cerrar" width="15" border="0" height="15"/></a></div> Tienes <span id="cantidadfavoritoslista">4</span> juegos favoritos.</div>
                
                
<!--listado-->
 
<div  id="juegosfavoritosdiv" style=" z-index:80; background-color:#ffffff; padding-bottom:3px;  overflow-y:auto;  overflow-x: hidden;  height:241px;   ">
<div class="juegooption" style="z-index:1;">zxcz<br/>dsf sdfsd fsd  </div>
<div class="juegooption">zxcz<br/>dsf sdfsd fsd  </div>
<div class="juegooption">zxcz<br/>dsf sdfsd fsd  </div>
<div class="juegooption">zxcz<br/>dsf sdfsd fsd  </div>
<div class="juegooption">zxcz<br/>dsf sdfsd fsd  </div>
<div class="juegooption">zxcz<br/>dsf sdfsd fsd  </div>
<div class="juegooption">zxcz<br/>dsf sdfsd fsd  </div>
<div class="juegooption">zxcz<br/>dsf sdfsd fsd  </div>
<div class="juegooption">zxcz<br/>dsf sdfsd fsd  </div>
<div class="juegooption">zxcz<br/>dsf sdfsd fsd  </div>
<div class="juegooption">zxcz<br/>dsf sdfsd fsd  </div>
<div class="juegooption" style="z-index:2;">zxcz<br/>dsf sdfsd fsd  </div>  
 
</div> 

</div>