Foros del Web » Diseño web » CSS »

Barra de desplazamiento vertical en DIV

Estas en el tema de Barra de desplazamiento vertical en DIV en el foro de CSS en Foros del Web. Saludos: Deseo poner una barra de desplazamiento vertical en un <DIV>, intente con el overflow pero me pone las barras vertical y horizontal, como haría ...
  #1 (permalink)  
Antiguo 03/05/2007, 22:27
 
Fecha de Ingreso: mayo-2003
Ubicación: Lima
Mensajes: 837
Antigüedad: 11 años, 3 meses
Puntos: 6
Barra de desplazamiento vertical en DIV

Saludos:

Deseo poner una barra de desplazamiento vertical en un <DIV>, intente con el overflow pero me pone las barras vertical y horizontal, como haría si solo quiero que me muestre la barra vertical.
__________________
El aprendiz.
  #2 (permalink)  
Antiguo 04/05/2007, 01:38
 
Fecha de Ingreso: septiembre-2006
Mensajes: 40
Antigüedad: 7 años, 11 meses
Puntos: 0
Re: Barra de desplazamiento vertical en DIV

Con la propiedad "overflow", como bien dices, se puede hacer. Prueba poniéndolo en "auto" y nos cuentas.

PD: Solución detallada. ;)
  #3 (permalink)  
Antiguo 04/05/2007, 12:05
 
Fecha de Ingreso: mayo-2003
Ubicación: Lima
Mensajes: 837
Antigüedad: 11 años, 3 meses
Puntos: 6
Re: Barra de desplazamiento vertical en DIV

Si se pone en auto la barra no sale hasta que es necesaria, eso es una buena forma, gracias.

Ahora por ejemplo si mi <DIV> tiene un height = 200px pero yo quiero que la barra de desplazamiento vertical no ocupe todo el tamaño del height sino que sea solo de 180px y que este alineada con el borde inferior.

Espero que me haya dejado entender.
__________________
El aprendiz.
  #4 (permalink)  
Antiguo 05/05/2007, 09:52
 
Fecha de Ingreso: septiembre-2006
Mensajes: 40
Antigüedad: 7 años, 11 meses
Puntos: 0
Re: Barra de desplazamiento vertical en DIV

Para eso solamente debes hacer que tu capa contenga a otras dos, una de 20 y otra de 180px de alto, poniéndole sólo el overflow a la segunda.

Si quieres que aparezca pegada al borde inferior del DIV "padre", dále una altura de 200px a este y haz que la más larga esté debajo de la otra.

Si no me equivoco, el código debería ser más o menos así:

CSS:
Código:
#capa_0 {
  height: 200px;
}

#capa_1 {
  height: 20px;
}

#capa_2 {
  height: 180px;
  overflow: auto;
}
HTML:
Código HTML:
<div id="capa_0">
  <div id="capa_1"></div>
  <div id="capa_2"></div>
</div> 
¡Saludos!
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 22:12.
SEO by vBSEO 3.3.2