problema con scroll dentro de una tabla

beki_r_a · #1 (**permalink**) 15/09/2004, 05:09

hola!

tengo aki un problemita. Tengo un scroll en una tabla tal que asi:

<table border="1">
<tr>
<td>
<div style="overflow:auto; height:100px">
hola.<br>
aquí va<br>
el<br>
texto<br>
si es<br>
más alto<br>
de 100px<br>
saldrá<br>
scroll<br>
</div>
</td>
</tr>
</table>

tambien tengo un estilo para cambiar los colores del scroll que es asi:

<style type="text/css">
body {
scrollbar-arrow-color: #FF0000;
scrollbar-base-color: #000080;
scrollbar-dark-shadow-color: #000080;
scrollbar-track-color: #FFFFFF;
scrollbar-face-color: #008000;
scrollbar-shadow-color: #000000;
scrollbar-highlight-color: #FF0000;
scrollbar-3d-light-color: #FF0000;
}
</style>

ahora la pregunta del millon:

¿como puedo aplicar este estilo en el scroll de esa tabla?

kan · #2 (**permalink**) 15/09/2004, 08:06

solo tienes que que poner en el estilo
div{
scrollbar-arrow-color: #FF0000;
scrollbar-base-color: #000080;
scrollbar-dark-shadow-color: #000080;
scrollbar-track-color: #FFFFFF;
scrollbar-face-color: #008000;
scrollbar-shadow-color: #000000;
scrollbar-highlight-color: #FF0000;
scrollbar-3d-light-color: #FF0000;
}
y te funcionará para todos los div que tengan scrollbar

beki_r_a · #3 (**permalink**) 15/09/2004, 08:29

pero esto donde lo pongo???? en el estilo o suelto, sorry, es que no se mucho de esto.
gracias

kemie · #4 (**permalink**) 16/09/2004, 00:52

tiene que ir en el head de tu documento, asi:
<head>
<style type="text/css">

</style>
</head>

beki_r_a · #5 (**permalink**) 21/09/2004, 10:27

gracias!!!! ya solucione, me queda una cosita mas, entre el texto de la tabla y el scrollbar no me queda espacio

<table border="0" bgcolor="FFCC00" width="240" height="400" cellpadding="10" cellspacing="10">
<tr>
<td>
<div style="overflow:auto; height:400px">
<div align="justify">
<p align="center"><font color="#000000" size="2" face="Arial, Helvetica, sans-serif"><strong>EDIFICIO
ENTRECALAS</strong></font></p>
<p><font color="#000000" size="3" face="Arial, Helvetica, sans-serif">Es
un edificio de apartamentos de 23 plantas, que modifica sus distribuciones
en diferentes alturas. Es el primer edificio de esta altura con 4
ascensores panorámicos, es interesante observar que dispone
de un gran patio centralde uso común, en las plantas 9ª
y 10ª (diafanas) se situa una guarderia de la comunidad, los
lagos-piscina entran en el portal. Su estructura es de hormigón
armado, acabados de fachada con piedra lanzada, muros cortina de aluminio
y vidrio azul.</font><font size="3"><br>
</font></p>
<h6 align="justify"><font color="#000000" size="2" face="Arial, Helvetica, sans-serif">Fecha:
1986/1989</font></h6>
<h6 align="justify"><font color="#000000" size="2" face="Arial, Helvetica, sans-serif">Promotor:
Lovimar, S.A.</font></h6>
<h6 align="justify"><font color="#000000" size="2" face="Arial, Helvetica, sans-serif">Situación:
Crta. Nac. Km.117. Benidorm (Alicante)</font></h6>
<p>  </p>
</div>
</div>
</td>
</tr>
</table>

como le dejo un espacio???

GG · #6 (**permalink**) 21/09/2004, 12:45

Agrégale al div un padding
<div style="overflow:auto; height:400px; padding: 10px">

orochies · #7 (**permalink**) 21/09/2004, 20:36

Alguien sabe porque el analizador de codigo que se encuentra en la web de www.w3.org no acepta los codigos para colorear la barra de desplazamiento de internet explorer...

_Saludos...

kemie · #8 (**permalink**) 22/09/2004, 00:30

Porque es un codigo inventado por Microsoft que solo funciona en Internet Explorer.

orochies · #9 (**permalink**) 22/09/2004, 19:28

Ya decia o sobre eso esque estoy hasiendo una web pero quiero que este validada por la www.w3.org y por eso tendre que excluir eso de las barras...

Pero bueno gracias por responder...

_Saludos...

beki_r_a · #10 (**permalink**) 23/09/2004, 02:45

bueno, lo que hice fue añadir padding: 10px en el div, pero lo unico que hace es estirar la tabla y quitar el scroll, raro raro raro

beki_r_a · #11 (**permalink**) 23/09/2004, 02:47

lo estaba haciendo mal, ya esta solucionado, muchisisisiismas gracias