So I have this code:

<div style="overflow:auto; height:350px; width:380px">content</div>

After searching various tutorials for the past 4 hours or so, I hope to end my digital adventure with an ASCII splashdown from a person on this forum.

I am pretty much trying to alter the properties of a scroll bar to make it blend in with the site, which I know how to do with something like this:

<STYLE type="text/css">
<!--
BODY
{
scrollbar-face-color: #FFFFFF;
scrollbar-highlight-color: #484848;
scrollbar-3dlight-color: #484848;
scrollbar-darkshadow-color: #484848;
scrollbar-shadow-color: #484848;
scrollbar-arrow-color: #FFFFFF;
scrollbar-track-color: #484848;
}
-->
</STYLE>

But I can't get it to apply to the scroll bar within the table itself. Those are the actual values I am attempting to use.

If that doesn't make any sense I can try to explain it another way or post more of the code I have.

I digress in hopes of help...

Thanks in advance

To get it to work in IE, you want...

.scrollbar {
overflow:auto; 
height:350px; 
width:380px;
scrollbar-face-color: #FFFFFF;
scrollbar-highlight-color: #484848;
scrollbar-3dlight-color: #484848;
scrollbar-darkshadow-color: #484848;
scrollbar-shadow-color: #484848;
scrollbar-arrow-color: #FFFFFF;
scrollbar-track-color: #484848;
}

Note: as far as I know, this will not work in FireFox. Neither will any other scrollbar styling technique, because the code is not W3C compliant. So, it won't validate either.

- Steve

Aww bummer that it isn't W3C compliant

Is there anymore of a legitimate way to do it?

Edit: besides a script

Without a script? I'm pretty sure there isn't a way. I don't even know if there's a way to do it with a script. You could google it though, it might bring up some results.

http://www.google.com/search?hl=en&q...ox&btnG=Search

- Steve

that it isn't W3C compliant

And?

just use Conditional Comments