So far I've made two mistakes as a webmaster in this post:

1.) Using iFrames
2.) Wanting a coloured scrollbar.

I'm aware of the difficulties with iFrames... cross browser / screen res support etc etc etc. But unfortunately for the site I'm doing I have no choice. So, to make it look a little nicer I'd like some coloured scrollbars.

I'm also aware of the fact that coloured scrollbars only work on the latest IE!

So if I get the code:

<style>
BODY{
scrollbar-arrow-color: #CD2132;
scrollbar-3dlight-color: #00FF00;
scrollbar-highlight-color: #C0C0C0;
scrollbar-face-color: #FFFF80;
scrollbar-shadow-color: #808080;
scrollbar-darkshadow-color: #408000;
scrollbar-track-color: #EAEAEA;
}
</style>

, where do I put it? I'd like the coloured scrollbar just on the iframe; not on the whole page.

And before you ask, no, they're not my chosen colours; just an example!

Thanks

Or, it'd be even better to have some arrows capable of moving the content in the iframe up or down...

To use only on iframes use the following..

iframe {
scrollbar-arrow-color: #CD2132;
scrollbar-3dlight-color: #00FF00;
scrollbar-highlight-color: #C0C0C0;
scrollbar-face-color: #FFFF80;
scrollbar-shadow-color: #808080;
scrollbar-darkshadow-color: #408000;
scrollbar-track-color: #EAEAEA;
}

______________________________________

Or if you only want it on the one iframe.. apply a class to that one only...

iframe .somename {
scrollbar-arrow-color: #CD2132;
scrollbar-3dlight-color: #00FF00;
scrollbar-highlight-color: #C0C0C0;
scrollbar-face-color: #FFFF80;
scrollbar-shadow-color: #808080;
scrollbar-darkshadow-color: #408000;
scrollbar-track-color: #EAEAEA;
}

then add class="somename" to the iframe tag

Hmm, that didn't work for some reason. Maybe my browser is old or something?

Could you please check this site to see if the coloured scrollbar is visible?

Excuse the address, it's on a testing server currently.

I am fairly sure. Although could be proved wrong... that the iframe gets its properties from the body declaration. So basically an iframe and body must have the same color. Again I havn't done this for two years so I may be completely wrong.

-dk

Oh sorry.. Im sure it worked for me like that before..

I know it works with div's for that maybe consider changing to use div's instead of iframe's.. much more friendly

Lol thanks - but I won't be fussy!

Any idea where to put that code then? I suppose I don't mind putting it on the site.

Just so you know colored scrollbars only work in IE 5+ no matter where you put the code. Just thought you should know.

Kaiman

Storm King Design