Colocar barra desplazamiento vertical en una celda

visona · #1 (**permalink**) 07/04/2010, 04:25

Hola a todos;
necesito colocar en una celda un texto que es mas grande que el tamaño de la celda, pero no quiero que se me desplace hacia abajo la celda para que no me descuadre. ¿Hay alguna manera que dentro de esa celda pueda haber una barra de desplazamiento vertical?

Un saludo

DragonX · #2 (**permalink**) 07/04/2010, 05:58

Ponele un alto fijo a tu celda y un overflow:auto y asunto resuelto. ¿Cómo? algo así:

en tu HTML:

Cita:

<td class="celdaconscrol"><p>texto...textos</p></td>

en tu CSS

Cita:

.celdaconscrol{height:250px !important; overflow-y:auto;}

Espero te sirva!

visona · #3 (**permalink**) 07/04/2010, 08:25

Me a funcionado, pero en vez del TD le he tenido que colocar la clase en un div. Muchas gracias.
Otra cosa, y si quisiera darle formato a la barra vertical? me gustaria colocarle unos colores para que se integren en la web.
Un saludo

DragonX · #4 (**permalink**) 07/04/2010, 08:51

Código CSS:

Ver original"nombre de class o id del div" {
scrollbar-face-color: #006699;
scrollbar-shadow-color: #DEEBF5;
scrollbar-highlight-color: #DEEBF5;
scrollbar-3dlight-color: #5F8ABD;
scrollbar-darkshadow-color: #5F8ABD;
scrollbar-track-color: #F5F5F5;
scrollbar-arrow-color: #FFFFFF;
}

ojo, solo sirve para Explorer