Foros del Web » Creando para Internet » Diseño web »

quitar scollbar

Estas en el tema de quitar scollbar en el foro de Diseño web en Foros del Web. Hola, como puedo quitar el scollbar de la web, cada vez que salga el popup, mirar aqui y sabreis a lo que me refiero: http://todoenlaces.org/sistema%20de%...n%202&ficha=20 ...
  #1 (permalink)  
Antiguo 28/06/2010, 07:00
Avatar de Most  
Fecha de Ingreso: marzo-2009
Mensajes: 642
Antigüedad: 15 años, 9 meses
Puntos: 6
quitar scollbar

Hola, como puedo quitar el scollbar de la web, cada vez que salga el popup, mirar aqui y sabreis a lo que me refiero: http://todoenlaces.org/sistema%20de%...n%202&ficha=20
(darle a descargar o trailer) y saldra el popup.. y el scollbar que kiero quitar no es el de el popup si no el de el navegador, y que se puede bajar para abajo, y se ve donde acaba el popup...
  #2 (permalink)  
Antiguo 28/06/2010, 07:28
 
Fecha de Ingreso: junio-2002
Mensajes: 750
Antigüedad: 22 años, 6 meses
Puntos: 22
Respuesta: quitar scollbar

Aplicando overflow:hidden; en el código CSS del elemento en el que quieres ocultar las barras.
O si sólo quieres ocultar la barra de scroll horizontal o vertical puedes usar overflow-x:hidden; o overflow-y:scroll;
  #3 (permalink)  
Antiguo 28/06/2010, 07:35
Avatar de Most  
Fecha de Ingreso: marzo-2009
Mensajes: 642
Antigüedad: 15 años, 9 meses
Puntos: 6
Respuesta: quitar scollbar

si, pero eso solo oculta la de el div que hay dentro del popup, ya lo he probado y oculta el del div del popup...
  #4 (permalink)  
Antiguo 28/06/2010, 08:04
 
Fecha de Ingreso: junio-2002
Mensajes: 750
Antigüedad: 22 años, 6 meses
Puntos: 22
Respuesta: quitar scollbar

Quizá te sirva aplicado sobre body
  #5 (permalink)  
Antiguo 28/06/2010, 08:35
Avatar de deirdre  
Fecha de Ingreso: mayo-2009
Mensajes: 690
Antigüedad: 15 años, 7 meses
Puntos: 45
Respuesta: quitar scollbar

Hola Most

El problema lo tienes en estas especificaciones (las del div #popUpDiv). Sólo tienes que cambiar 'scroll' por 'hidden'.

#popUpDiv{
background:url(../../../../imagenes/fondo-descargar.png);
position:absolute;
z-index:9003;
overflow: scroll; /* cambia scroll por hidden */
left:50%;
display:none;
top:50%;
}


Saludos

Bye
  #6 (permalink)  
Antiguo 28/06/2010, 08:55
Avatar de Most  
Fecha de Ingreso: marzo-2009
Mensajes: 642
Antigüedad: 15 años, 9 meses
Puntos: 6
Respuesta: quitar scollbar

Hola deirdre, ese overflow: scroll; /* cambia scroll por hidden */ es el del div que hay en medio, si cambio eso por hidden solo se escondera el scroll de donde estan los enlaces de descarga...
  #7 (permalink)  
Antiguo 28/06/2010, 16:14
Avatar de deirdre  
Fecha de Ingreso: mayo-2009
Mensajes: 690
Antigüedad: 15 años, 7 meses
Puntos: 45
Respuesta: quitar scollbar

Hola Most

Ahora he entendido lo que necesitas. Es un buen ejemplo de cómo explotar dos cualidades distintas en un aparente (sólo aparente) mismo todo:

Hay que hacer una distinción en el css entre html y body: coloca este estilo en tu cabecera, sustituyendo al que tienes:

Código HTML:
<style type="text/css">
<!--
html {
	overflow: hidden;
}
body {
	background-image: url(imagenes/fondo.png);
	background-repeat: repeat;
	margin-top: 0px;
	margin-bottom: 0px;
	overflow: auto;
}
-->
</style> 
Lo he probado en ie7, ff3.6 y opera10 y va bien.

Bye
  #8 (permalink)  
Antiguo 29/06/2010, 06:03
Avatar de Most  
Fecha de Ingreso: marzo-2009
Mensajes: 642
Antigüedad: 15 años, 9 meses
Puntos: 6
Respuesta: quitar scollbar

Perfecto! deirdre gracias
  #9 (permalink)  
Antiguo 29/06/2010, 09:12
Avatar de deirdre  
Fecha de Ingreso: mayo-2009
Mensajes: 690
Antigüedad: 15 años, 7 meses
Puntos: 45
Respuesta: quitar scollbar

De nada Most, me alegra que se solucionara el problema. Este pequeño problema y su solución sirve para ilustrar perfectamente cómo los navegadores distinguen, al aplicar propiedades, entre html y body (asunto que muchas veces es difícil de explicar y de entender).

Bye

Etiquetas: quitar
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 03:22.