# Scroll down customisation question

**URL:** <https://forum.kirupa.com/t/scroll-down-customisation-question/64512>\
**Category:** Uncategorized\
**Created:** [September 17, 2004, 1:57am UTC](https://forum.kirupa.com/t/scroll-down-customisation-question/64512 "2004-09-17T01:57:06Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![FutureZone](https://avatars.discourse-cdn.com/v4/letter/f/e36b37/32.png) [@FutureZone](https://forum.kirupa.com/u/FutureZone)\
**Post date:** [September 17, 2004, 1:57am UTC](https://forum.kirupa.com/t/scroll-down-customisation-question/64512/1 "2004-09-17T01:57:06Z")

</div>

Hi All,

Sometime i saw some side bar(right hand scroll down and up) on some webpage is customised coloured and it’s seem so nice to me… anyone can guide me which script or how to do with it?

Thnks

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [September 17, 2004, 2:05am UTC](https://forum.kirupa.com/t/scroll-down-customisation-question/64512/2 "2004-09-17T02:05:57Z")

</div>

hey FutureZone welcome to the forums.

for all Dreamweaver or html questions you should post this in the Client-Side forums.

To answer your question, this is a pretty common attribute at creating a website and im sure it has been answered before on the forums, so for future situations try using the search feature here at [kirupaforum.com](http://kirupaforum.com), you may find the answer quicker than posting the question.

anyway, ill redirect this.

again welcome to the forums, hope you enjoy it here 🙂

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [September 17, 2004, 2:48am UTC](https://forum.kirupa.com/t/scroll-down-customisation-question/64512/3 "2004-09-17T02:48:18Z")

</div>

You can customise them in later browser versions by redefining the body tag in CSS:

```php

body {
        /* scroll bars IE 5.5+ only */
        scrollbar-face-color: #000000;
        scrollbar-highlight-color: #000000;
        scrollbar-shadow-color: #000000;
        scrollbar-3dlight-color: #000000;
        scrollbar-arrow-color: #000000;
        scrollbar-track-color: #000000;
        scrollbar-darkshadow-color: #000000;
}

```

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [September 17, 2004, 2:51am UTC](https://forum.kirupa.com/t/scroll-down-customisation-question/64512/4 "2004-09-17T02:51:33Z")

</div>

however, I certainly frown upon this for two reasons:

1. it prevents your code from validating and…

2. it doesn’t work in many browsers (most if I’m correct)

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [September 17, 2004, 4:30am UTC](https://forum.kirupa.com/t/scroll-down-customisation-question/64512/5 "2004-09-17T04:30:47Z")

</div>

There’s no reason not to do it. You can avoid compatability problems by storing browser specific CSS in a seperate file and use the import function. Older browsers will just ignore the import.

Not 100% on the syntax, but something like this:

```php

<style type="text/css">
@import url('iestyles.css');
</style>

```

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [September 17, 2004, 4:33am UTC](https://forum.kirupa.com/t/scroll-down-customisation-question/64512/6 "2004-09-17T04:33:25Z")

</div>

but if you use the validator to validate every one of your css files as you should, it will still load it in 😉