Foros del Web » Creando para Internet » CSS »

como Colocar un scroll en un DIV

Estas en el tema de como Colocar un scroll en un DIV en el foro de CSS en Foros del Web. Hola... tengo una tabla de 20 registros contenidos en un DIV, pero quiero que estos esten dentro de un cuadro con un scroll, algo asi ...
  #1 (permalink)  
Antiguo 29/09/2006, 00:10
Avatar de richardinj  
Fecha de Ingreso: enero-2005
Ubicación: Ciber Espacio
Mensajes: 2.180
Antigüedad: 19 años, 9 meses
Puntos: 11
Desacuerdo como Colocar un scroll en un DIV

Hola...

tengo una tabla de 20 registros contenidos en un DIV, pero quiero que estos esten dentro de un cuadro con un scroll, algo asi como ponerlo dentro de iframe con dimenciones fijas.... pero yo lo quiero en un DIV normal...

Saludos y gracias.
  #2 (permalink)  
Antiguo 29/09/2006, 00:53
Avatar de JavierB
Colaborador
 
Fecha de Ingreso: febrero-2002
Ubicación: Madrid
Mensajes: 25.052
Antigüedad: 22 años, 9 meses
Puntos: 772
Hola richardinj

Ponle un id al div: <div id="algo">

y usa este Css:
Código:
<style type="text/css">
#algo {width:200px; height:200px; overflow:scroll}
</style>
Saludos,
  #3 (permalink)  
Antiguo 29/09/2006, 09:01
Avatar de richardinj  
Fecha de Ingreso: enero-2005
Ubicación: Ciber Espacio
Mensajes: 2.180
Antigüedad: 19 años, 9 meses
Puntos: 11
Gracias.........
  #4 (permalink)  
Antiguo 05/10/2006, 13:01
Avatar de liki2006  
Fecha de Ingreso: septiembre-2006
Mensajes: 26
Antigüedad: 18 años, 1 mes
Puntos: 0
Y para que el scroll solo aparesca unicamente en la base y no en un costado o mas bien para que mi contenido unicamente salga a lo largo del div y no a lo largo y ancho?
  #5 (permalink)  
Antiguo 05/10/2006, 13:29
 
Fecha de Ingreso: julio-2006
Mensajes: 46
Antigüedad: 18 años, 4 meses
Puntos: 0
Pon al contenido un ancho fijo menor al de el div que lo contiene, en tu caso es una tabla ponle un width de 200px o menor.

tambien puedes "obligar" a que solo salga el scroll lateral con overflow-y:disable; si no me equivoco.

<style type="text/css">
#algo {width:200px; height:200px; overflow:scroll, overflow-y:disable;}
</style>
Asi quedaria tu codigo
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

SíEste tema le ha gustado a 1 personas (incluyéndote)




La zona horaria es GMT -6. Ahora son las 03:45.