por que aparece el scrollbar cuando me posiciono en una imagen???

[Gaby_Corr]

Aqui tengo en la seccion de imagenes una galeria hecha en css de lado derecho estan los thumbs para que al darle click aparezcan del lado izq en un tamaño mayor, pero al poner el raton en alguna de mis imagenes se me pone el scrollbar vertical en mi pagina, como puedo quitar eso?

[AlZuwaga]

Lo solucionaste? Porque yo no veo ninguna barra de scroll

[Gaby_Corr]

no lo he solucionado, mm pero tal vez no me explique pero es la barra de scroll vertical del explorador no que se abra un scroll aparte


:O me acabo de percatar que es la resolucion de mi pantalla donde hace eso.. Al no se que resolucion
tengas pero yo tengo una de 1024 x 768 pero he visto la page en una ibook de 1440 x 900 y no se
ve ningun scroll =S y en una de 1280 x 800 se ve igual q la mia =S

abajo muestro las imagenes de ese detalle la primera es cuando yo pongo el mouse y se ve ese scroll y la de abajo es cuando carga la pagina

alguna idea ???

[AlZuwaga]

Ya veo... al achicar la ventana (o tener una resolución menor en la pantalla) aparece la barra de scroll. No me parece que sea algo de CSS, me parece más que nada algo de javascript... pero no estoy seguro.

Siento no poder ser más preciso.

[Gaby_Corr]

bueno Al, no creo que sea javascript porque trato con algunos archivos en javascript en otras paginas y no me han dado lata.. pienso que si tiene que ver con la css y mas que nada en position que tiene un valor absolute cuando hace el hover, trate de cambiarlo y quitarlo y ahi es el detalle =S les dejo el codigo
para que le echen una miradilla


gracias!

Código:

/* CSS Document */
/* needed for IE to make :active state work first time */
a, a:visited {color:#000;} 

/* common styling for all galleries */
a.gallery, a.gallery:visited {
display:block; display:inline-block; 
color:#000; text-decoration:none; 
border:1px solid #000; width:65px; 
height:50px; 
float:left; margin:4px; z-index:50;}

a.slidea {background:url(images/tf1.jpg);}
a.slideb {background:url(images/tf2.jpg);}
a.slidec {background:url(images/tf3.jpg);}
a.slided {background:url(images/tf4.jpg);}
a.slidee {background:url(images/tf5.jpg);}
a.slidef {background:url(images/tf6.jpg);}

a.gallery em, a.gallery span {display:none;}
a.gallery:hover {border:1px solid #fff;}

a.slidea em {background:url(images/f1.jpg) no-repeat;}
a.slideb em {background:url(images/f2.jpg) no-repeat;}
a.slidec em {background:url(images/f3.jpg) no-repeat;}
a.slided em {background:url(images/f4.jpg) no-repeat;}
a.slidee em {background:url(images/f5.jpg) no-repeat;}
a.slidef em {background:url(images/f6.jpg) no-repeat;}

/* styling for RIGHT gallery */
#container_right {
position:relative; 
width:700px; 
height:320px; 
background:#ffffff; 
border:0 solid #a49188; 
margin:1em auto;}

#container_right img {border:0;}

#container_right .thumbs {width:250px; position:absolute; right:0; top:0;}

#container_right a.gallery:hover span {
display:block; 
position: absolute; 
width:450px;
 height:50px;
 top:350px; 
left:-430px; 
padding:5px; 
font-style:italic; 
color:#999;  
z-index:100;}

#container_right a.gallery:hover span:first-line {
font-style:normal; 
font-weight:bold; 
font-size:1.1em; 
color:#000;}

#container_right a.gallery:active, #container_right a.gallery:focus {border:1px solid #000;}

#container_right a.gallery:active em, #container_right a.gallery:focus em {display:block; 
position:absolute; 
width:400px; 
height:260px; 
top:5px; 
left:-425px; 
color:#000; 
padding: 0;
border-bottom: 
30px solid #cccccc; 
border-top:5px solid #ccc;
 border-right:5px solid #ccc;
border-left:5px solid #ccc; 
z-index:50;}

#container_right h1 { 
float:left;  
margin:0; 
padding-top:80px; 
padding-left: 150px; 
width:200px; 
text-align:center; 
font-family: tahoma, "times new roman", serif; font-size:3em; 
font-weight:bold; color:#999;}

#container_right h1 em {font-size:0.6em; color:#000;}

[PatomaS]

Hola

Al pasar el ratón sobre la imagen, redimensionas todos los contenedores, posiblemente desde container_right, revisa eso. Busca la función de que redimensiona eso y encontrarás la solución.

Diría que no es de javascript si no un :hover en un elemento ya que aun con javascript bloqueado en mi máquina, pasa el efecto.

Felicidad

[Gaby_Corr]

pues ya lo he mirado y nada que no consigo hacer que no se vea el scroll =( que podra ser ??