change color of scrollbar in inline frames..

[narcissistic]

i made a set of inline frames and I would like to change the color of the scrollbars, any tips as to how to do this? Oh, and it won't let my regular scrollbar display correctly either, please help! http://www.angelfire.com/retro/demandistortion

[QuietDean]

'Allo.

I had a look at your link. The scrollbar on the left is black, so I presume its working.

So the next question is, what Browser and version are you using? I am using IE6.

[narcissistic]

I am also using The most recent version of Internet Explorer, my inline frames on my main page do not display the colored scrollbar. Would I have to insert the style code into the inline frames page (inline.html)?

[QuietDean]

By 'main page' do you mean here?

http://www.angelfire.com/retro/demandistortion/main.html

as I dont see any extra scrollbars on there at all, so I am unsure what you mean.

[narcissistic]

Here's the problem. On the main page, when I clikc on the Biography picture, the text and a photo appear in the frame just like I want it to, but the scrollbars and border aren't the color they should be. Am I missing something or do I need to go more in deoth?

[QuietDean]

No that makes a lot more sense.

Style on iframe are funny things. Some properties are the parent page, some the child page.

A border is a property of the parent page, as the iframe is a block element within it. My example iframe containing page looks like this -

<style>
iframe {
border: 5px solid black;
}
</style>

<IFRAME SRC="recipe.html" TITLE="The Famous Recipe">
<!-- Alternate content for non-supporting browsers -->
<H2>The Famous Recipe</H2>
<H3>Ingredients</H3>
...
</IFRAME>

This gives it a thick black border. To make the scrollbars a different color (ie only!) my 'recipe.html' looks like this -

<style>
body {
scrollbar-base-color: #2b4d6f;
scrollbar-arrow-color: #ffffff;
}
</style>

<h2>tHIS IS THE FRAME CONTENTS</H2>
<h2>tHIS IS THE FRAME CONTENTS</H2>
<h2>tHIS IS THE FRAME CONTENTS</H2>
<h2>tHIS IS THE FRAME CONTENTS</H2>
<h2>tHIS IS THE FRAME CONTENTS</H2>
<h2>tHIS IS THE FRAME CONTENTS</H2>
<h2>tHIS IS THE FRAME CONTENTS</H2>
<h2>tHIS IS THE FRAME CONTENTS</H2>
<h2>tHIS IS THE FRAME CONTENTS</H2>
<h2>tHIS IS THE FRAME CONTENTS</H2>

Excuse the repeat, I had to force a scroll-bar.

These two work fine for me, so have a look at your code and see if you can apply this code.