Foros del Web » Creando para Internet » HTML »

Problemas con div y scroll en Chrome

Estas en el tema de Problemas con div y scroll en Chrome en el foro de HTML en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 22/02/2010, 07:33
 
Fecha de Ingreso: octubre-2004
Ubicación: Uruguay
Mensajes: 386
Antigüedad: 13 años, 2 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>
  #2 (permalink)  
Antiguo 22/02/2010, 17:49
Avatar de mayid
Colaborador
 
Fecha de Ingreso: marzo-2009
Ubicación: BsAs
Mensajes: 4.014
Antigüedad: 8 años, 8 meses
Puntos: 101
Respuesta: Problemas con div y scroll en Chrome

No se cual es el problema, pero estas propiedades no son crossbrowser, y quizas generen el problema...

Cita:
overflow-y:auto; overflow-x: hidden;

Etiquetas: chrome, scroll
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 02:40.