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>
