Colorful scrollbars

**hrisulaz** · Oct 3, 2003 07:15

Hi everybody,

I have this script for fancy scrollbars, but it does not work. I am on Windows 2000 & I use internet explorer 6.0 and Netscape 7.0 I can't see the colors in both browsers.
Can somebody help me out, what modifications should I make in order to have the colors?
Thanking you in advance
Hrisula

Here is the script

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd">
<HTML>
<HEAD><META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1"><STYLE TYPE="text/css">



</STYLE>

<TITLE></TITLE>
</HEAD>

**jax502** · Oct 3, 2003 07:28

I tested it no IE 5.5 and the scroll bars appear to be black and blue. There's nothing wrong with your CSS. You probably don't have enough content on your page that your scroll bars won't show.But for other browsers it may vary depending on the browser. Unfortunately, I don't have IE6. Usually for other browsers, they don't work or they appear different.

**hrisulaz** · Oct 3, 2003 07:38

I have a lot of content. When I view with ie 6.0 I just see the regular grey scrollbars, not the colorful scrollbars.

**vgarcia** · Oct 3, 2003 08:48

Colored scrollbars are an IE-only thing, meaning that they are not an official part of the CSS spec. Having said that though, the most recent version of Opera (7.2) also supports colored scrollbars in the IE fashion.

**hrisulaz** · Oct 3, 2003 09:10

If I understand correctly colorful scrollbars will generally be seen with the explorer & Opera 7.2, so with Netscape I will have the regular scrollbars. Fine.
But,
how come jax502 using ie 5.05 can see them, and I, using ie 6.0 cannot see them??

**vgarcia** · Oct 3, 2003 10:44

You may have to apply the scrollbar colors to the HTML element in addition to BODY for IE6 to see it. It appears you're working in standards mode since you have a full HTML 4.0 DOCTYPE. In that case, IE6 applies scrollbar colors to the HTML element, not BODY.

**hpnadig** · Oct 3, 2003 11:51

My Opera Overrides those.. and instead the scrollbars appear with the theme of the skin I've applied. Even Netscape 7.0 does so..

**hrisulaz** · Oct 3, 2003 12:22

How do I apply the scrollbar colors to the HTML element in addition to BODY for IE6 to see it? Can you please give me some clues?

**ucahg** · Oct 3, 2003 12:31

Opera doesn't seem to apply scrollbar colors if you have an XHTML doctype (1.0 strict for me).

**blufive** · Oct 3, 2003 13:06

How do I apply the scrollbar colors to the HTML element in addition to BODY for IE6 to see it? Can you please give me some clues?

HTML Code:

<STYLE TYPE="text/css"><!--
HTML, BODY{
scrollbar-face-color:#00BDE6;
scrollbar-arrow-color:#000000;
scrollbar-track-color:#000000;
scrollbar-shadow-color:#000000;
scrollbar-highlight-color:#000000;
scrollbar-3dlight-color:#000000;
scrollbar-darkshadow-color:#000000;
}
--></STYLE>

**hrisulaz** · Oct 3, 2003 14:16

Thank you so very much.
I can now use the proper DOCTYPE and the proper scrollbar styles.
Hrisula

**Harker** · Oct 3, 2003 20:33

As some advice, it may not be very good to use colored scrollbars. Sure lots of sites do it, but some browsers interpret the commands in uglier than hell colors. Mozzilla has been reported to have this problem.

**hrisulaz** · Oct 3, 2003 20:41

Thanks for the advise, personally I absolutely agree. But, is there a way to make some sort of "simulation" to know how will the colors be interpreted Maybe some sort of "equivalance" ??
I am a Windows user, and have ie 6.0 & Netscape 7.0 installed. The explorer gives the colors, with Netscape there is no change in color of scrollbars.

**blufive** · Oct 4, 2003 01:59

I've been using mozilla since waaaaaay back, and I don't think I've EVER seen it pay any attention to attempts to change the scrollbar colour, either with the expected results or "uglier than hell colors".

**vgarcia** · Oct 4, 2003 05:32

Originally Posted by blufive

I've been using mozilla since waaaaaay back, and I don't think I've EVER seen it pay any attention to attempts to change the scrollbar colour, either with the expected results or "uglier than hell colors".

Exactly, it's never even tried supporting this feature (and Opera didn't either, until about last week). If you saw "uglier than hell colors" in Mozilla/Netscape it was probably because of an ugly skin you chose

.

**naveed** · Oct 4, 2003 14:18

Originally Posted by vgarcia

Colored scrollbars are an IE-only thing, meaning that they are not an official part of the CSS spec. Having said that though, the most recent version of Opera (7.2) also supports colored scrollbars in the IE fashion.

The newer versions of Konqueror (3.0 and up, I believe) support them too, now.

**DougBTX** · Oct 5, 2003 01:40

Originally Posted by vgarcia

Opera (7.2) also supports

Opera 7+ supports them actually, I just found this out, though you have to turn it on yourself with a change in an ini file. See here: http://nontroppo.org/wiki/Opera7Tips

I turned it on, went to a few sites with coloured scroll bars, and then turned it back off again because it was ugly

Douglas

**vgarcia** · Oct 5, 2003 05:10

Originally Posted by DougBTX

Opera 7+ supports them actually, I just found this out, though you have to turn it on yourself with a change in an ini file. See here: http://nontroppo.org/wiki/Opera7Tips

I turned it on, went to a few sites with coloured scroll bars, and then turned it back off again because it was ugly

Douglas

I thought it was a 7.2 only feature. Oh well, I'm not a fan of colored scrollbars either way, and I have an overriding skin on most of the time so I wouldn't see it.

**Realworld** · Oct 6, 2003 02:50

I have IE6 and it works fine mate, maybe its just cus you ent got enough content... :S

**Travis** · Oct 6, 2003 08:27

No, its because when you use a full DOCTYPE IE6 goes into standards mode and then the styles need to be on the <html> element, like has already been said. Without a DOCTYPE, it will work with the <body> element.

**AlexM** · Oct 9, 2003 14:26

CSS styles for suchg things can be 'tricky', just like for custom css cursors. Try switching some tags there and there, like maybe you missed some previous tags in the ehad, above? Some browsers seem to not mind missing tags thta much, but some others do...

Good luck!

User Tag List

Thread: Colorful scrollbars

Thread Tools

Display

Colorful scrollbars

Bookmarks

Bookmarks

Posting Permissions