Styled Scroll Bars

Although IE only styled scroll bars can look ‘pretty’, I’ve lost patience with them because they are a proprietary, non-web standard addition which needs to be dodged round to ensure W3C CSS validation. And since IE only has 87% or thereabouts of the browser market these days and coloured scroll bars only work in DTD Quirks mode … why bother.

Here’s how I include them when desired, in a way that permits validation. Firstly, use a free visual scroll bar styling program like this online tool or this one and obtain the scroll bar css. Then convert it to javascript (HTML Kit has a nifty plugin that does it with a click of a button), save it with a .js file extension and link it in the head of your markup document/s.

<script language="JavaScript" xsrc="js/css.js" mce_src="js/css.js" type="text/javascript"></script>

One Response to “Styled Scroll Bars”

  1. Siba says:

    Interestingly, the code tags don’t convert properly. For a script tag, I needed to change the brackets manually to lt; and gt;

    I’ll follow this one up.

"It is much safer to be feared than loved. Nevertheless a prince ought to inspire fear in such a way that, if he does not win love, he avoids hatred."

- Machiavelli
Go to the Top of the Page
Search this Site
Sibagraphics
ABN40098165406 / QLD BN17649330
P.O. Box 259, Pomona, Qld Australia 4568
Ph: +61 (0)7 5485 2085
Mob: +61 (0)412 665 189

Visitor locations

Valid XHTML 1.0 / Valid CSS Copyright | Privacy | Disclaimer
Copyright © 1998 - 2011 Sibagraphics
Page last modified December 13, 2011.