/    Sign up×
Community /Pin to ProfileBookmark

scroll bar colors… bit of help

Note: I [I]am[/I] aware of webstandards css1,2 etc rules and I know that Scrollbar Colours are against accessibility and are not supported or valid. But on request by a client I had to put them into their site.

Site is: [url]http://mocfcvic.org.au[/url]
in Internet Explorer, I cannot see the colored scroll bars for the main page but inside elements the colored scroll bars appear. I am using IE 6.0.2800.1106 on Windows… any body know whats going on, I have tried adding it to <body style=”blah” and <body class=”classname” and even body{blahblah and in the internal style sheet but all the same results im not sure if its my computer or just the coding any help??

to post a comment
CSS

5 Comments(s)

Copy linkTweet thisAlerts:
@FangOct 03.2005 — Apply the scrollbar colors to the [I]html[/I] not the [I]body[/I].
Copy linkTweet thisAlerts:
@The_Little_GuyOct 03.2005 — use this in your CSS external or interal style.
<i>
</i>body
{
scrollbar-face-color:#4f7d9a;
scrollbar-arrow-color:#383838;
scrollbar-track-color:#383838;
scrollbar-shadow-color:rgb(0,0,0);
scrollbar-highlight-color:rgb(224,243,255);
scrollbar-3dlight-color:#383838;
scrollbar-darkshadow-Color:#383838;
}
Copy linkTweet thisAlerts:
@Sunny_GOct 03.2005 — Why do you have to put it into the html and not the body?
Copy linkTweet thisAlerts:
@keesvandierenOct 03.2005 — The following sample works:
<i>
</i>&lt;HTML&gt;
&lt;HEAD&gt;
&lt;STYLE&gt;
HTML {scrollbar-3dlight-color:blue;
scrollbar-arrow-color:;
scrollbar-base-color:chartreuse;
scrollbar-darkshadow-color:;
scrollbar-face-color:chartreuse;
scrollbar-highlight-color:blue;
scrollbar-shadow-color:chartreuse}
&lt;/STYLE&gt;
&lt;/HEAD&gt;
&lt;BODY&gt;
&lt;TEXTAREA cols=30 rows=5 wrap=off CLASS="TA"&gt;This is text inside a TEXTAREA element.
You can change the color of the scrollbars for this element with the controls below.
This is text inside a TEXTAREA element.
You can change the color of the scrollbars for this element with the controls below.
This is text inside a TEXTAREA element.
You can change the color of the scrollbars for this element with the controls below.
This is text inside a TEXTAREA element.
You can change the color of the scrollbars for this element with the controls below.
This is text inside a TEXTAREA element.
You can change the color of the scrollbars for this element with the controls below.&lt;/TEXTAREA&gt;
&lt;/BODY&gt;
&lt;/HTML&gt;


See also the [URL=http://msdn.microsoft.com/workshop/samples/author/dhtml/refs/scrollbarColor.htm]microsoft scrollbar utility[/URL]
Copy linkTweet thisAlerts:
@FangOct 03.2005 — The scrollbar is part of the viewport (html) in IE6. In IE5.5 in quirks mode it is part of the body.
×

Success!

Help @dera spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 BETA 5.18,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...