Como le puedo quitar la barra horizontal

[josico]

He pillado por ay esto y no se como quitarle a barra horizontal al scroll.

Código HTML:

<div style="overflow:scroll; width:300px; height:200px">
<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False"
<FooterStyle BackColor="#507CD1" Font-Bold="True" ForeColor="White" />
<RowStyle BackColor="#EFF3FB" />
<PagerStyle BackColor="#2461BF" ForeColor="White" HorizontalAlign="Center" />
<SelectedRowStyle BackColor="#D1DDF1" Font-Bold="True" ForeColor="#333333" />
<HeaderStyle BackColor="#507CD1" Font-Bold="True" ForeColor="White" />
<EditRowStyle BackColor="#2461BF" />
<AlternatingRowStyle BackColor="White" />
tu contenido aquí
</div> 

[hades87]

De donde has sacado e código? pondrías un link? no me he enterado de nada

[josico]

Pufff pues no e guardado el link

Eso crea un scroll vertical horizontal con barras desplazadoras.

Lo que quiero es quitarle la barra horizontal y dejar solo la vertical pero no se muy bien que tengo que suprimir de ese scroll.

[Ronin46]

<div style="overflow:scroll; width:300px; height:200px">

La clave creo que está en esa línea, te saldrán las dos barras si supera ancho y alto del div.

[josico]

Iniciado por Ronin46

<div style="overflow:scroll; width:300px; height:200px">

La clave creo que está en esa línea, te saldrán las dos barras si supera ancho y alto del div.

Esta línea creo que solo le dice el tamaño del área de texto. Pero no se como quitar la barra que aparece abajo seleccionada en el circulo.

Aunque el ancho no supere el establecido en esa línea, aparece gris siempre.


No quiero hacer spam, es solo que no me deja compartir una imagen porque no tengo menos de 30 mensajes o menos de un mes. Pienso que incluir una imagen en el foro no es spam, esto que voy ha hacer si, pero no me dejan mas remedio.

www-josico-es/dibujo.jgp

Sustituir los guiones por puntos y vereis el dibujo que os comento.

Gracias.

[Ronin46]

En overflow quita scroll y pon auto, como último recurso usa hidden, pero como el texto supere las dimensiones no lo vas a poder ver.

[josico]

Conseguido.
E sustituido esto.

<div style="overflow:scroll; width:300px; height:200px">

Por esto. Como nota informative, asi el scroll se muestra solo vertical.

<div style="overflow-x:hidden; overflow-y:scroll; width:300px; height:200px">

Y asi horizontal.

<div style="overflow-x:scroll; overflow-y:hidden; width:300px; height:200px">

Un abrazo