Div con Scroll Horizontal/Vertical

Hace poco tuve que agregar unas columnas a una grilla existente en un sistema y me encontré con que se excedía de la pantalla y aparecía una barra de scroll en el explorador para poder ver la grilla, por supuesto que el cliente no quería que aparezca un scroll en el explorador y buscando encontré esta solución para poder ver un scroll tanto vertical como horizontal en un Div, esto esta testeado tanto para IE como para Firefox y es muy sencillo.



<div style=” OVERFLOW: auto; WIDTH: 536px; TOP: 48px; HEIGHT: 232px”>
 <!--Inserte Grilla Aqui -->
</div>

Saludos.

Esta entrada fue publicada el a las Lunes 12 de Noviembre de 2007 y está archivada bajo las categorías HTML. Puedes seguir las respuestas de esta entrada a través de sindicación RSS 2.0. Puedes dejar una respuesta, o trackback desde tu propio sitio.

9 comentarios para “Div con Scroll Horizontal/Vertical”

  1. hector2c Dice:
    Marzo 24, 2008 a las 5:46 am | Responder

    y como le haria para que solo aparesca el scroll verticalmente ???, espero respondas gracias

  2. Fernando Sanchez Dice:
    Marzo 25, 2008 a las 6:04 pm | Responder

    lo que podes hacer es darle el tamaño al width (el ancho del div) del tamaño total de la grilla, osea de todas las columnas y dejar el heigth (que es el alto, osea que que va a aparecer el scroll vertical) en un tamaño mas chico como para que aparezca el scroll. Seria algo asi dentro de la etiqueta DIV:

    style=”overflow:auto; width: 200px; height :100px; align:left;”

    Es igual a lo que muestro en el post pero con un width de 200 y un heigth de 100px.

  3. cocho98 Dice:
    Noviembre 5, 2008 a las 12:38 pm | Responder

    Yo encontré esta: http://www.preguntaalexperto.net/articles/miacono-Scroll-horizontal-y-vertical-en-un-GridView.aspx

  4. charly Dice:
    Febrero 3, 2009 a las 4:57 pm | Responder

    Tan sencillo que es que a mi no me funciona :S
    xD
    Sorry…

  5. cesartwain Dice:
    Febrero 13, 2009 a las 10:06 am | Responder

    Que buen recurso muy util par a mi gracias ;)

  6. MuOnline Dice:
    Abril 14, 2009 a las 9:07 am | Responder

    de verdad gracias resolvi un problema que tenia

  7. KKK Dice:
    Mayo 19, 2009 a las 2:19 am | Responder

    Excelente!!…

    Probe un monton de scroll…pero este es el unico que me funciono en varios navegadores!

    GRACIAS

  8. fredy Dice:
    Junio 29, 2009 a las 3:04 pm | Responder

    Muchas gracias, me fue de ayuda….

    Saludos…

  9. Anónimo Dice:
    Noviembre 6, 2009 a las 10:20 pm | Responder

    GRACIAS ! es justo lo que necesitaba.
    como scrollear con tablas no se puede, esta es la solucion ideal a mi necesidad :)

Escribe un comentario