#1
  1. No Profile Picture
    Contributing User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Sep 2003
    Location
    Sertaozinho-SP
    Posts
    45
    Rep Power
    12

    scrollbar properties are not being displayed despite the CSS settings


    Hi,

    I have the definition of the <body> tag in my external CSS file
    as follows:

    body {
    background:URL("fundo5.gif");
    scrollbar-arrow-color: yellow;
    scrollbar-base-color: black;
    scrollbar-dark-shadow-color: yellow;
    scrollbar-track-color: green;
    scrollbar-face-color: blue;
    scrollbar-shadow-color: white;
    scrollbar-highlight-color: silver;
    scrollbar-3d-light-color: black;
    }

    However, this settings do get displayed on IE 6.0

    Do I have to set any other properties so that I can change the colors of the scrollbar?

    thanks in advance

    Daniel
  2. #2
  3. Retired
    Devshed Supreme Being (6500+ posts)

    Join Date
    Feb 2002
    Location
    Finland
    Posts
    9,143
    Rep Power
    2493
    That's because they don't work in IE 6. I think it is only 5.5 or maybe 5 that has this functionality.

    It is not valid CSS so I wouldn't lose sleep over it

    Cheers,
    Jamie

    >_ skiFFie ? | Twitter

    __________________

    Let the might of your compassion arise to bring a quick end
    to the flowing stream of the blood and tears .....
    Please hear my anguished words of truth.

    __________________
  4. #3
  5. No Profile Picture
    Contributing User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Sep 2003
    Location
    Sertaozinho-SP
    Posts
    45
    Rep Power
    12
    Hey thanks,

    But why does the page where I took this example work?


    http://www.echoecho.com/school.htm
  6. #4
  7. No Profile Picture
    Super Moderator
    Devshed Specialist (4000 - 4499 posts)

    Join Date
    Jul 2003
    Posts
    4,008
    Rep Power
    2791
    Doesn't work for me.

    CSS properties for scrollbar colours is only valid in certain versions of IE. It isn't worth implementing.
  8. #5
  9. No Profile Picture
    Contributing User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Sep 2003
    Location
    Sertaozinho-SP
    Posts
    45
    Rep Power
    12
    I once had a customer who was asking me to change the colors of the scroll bar just like he saw on other site.

    It was such a pain to make his mind to give up

    Thanks!

    Daniel
  10. #6
  11. what's your moniker?
    Devshed Newbie (0 - 499 posts)

    Join Date
    Oct 2003
    Location
    Highland Park, NJ
    Posts
    201
    Rep Power
    11
    After reading this thread and tooling around a little in IE6 I have found lots of places it works.

    can you publish a link to the page?

    -Greg
  12. #7
  13. No Profile Picture
    Contributing User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Sep 2003
    Location
    Sertaozinho-SP
    Posts
    45
    Rep Power
    12
    http://www.echoecho.com/toolcustomscroll.htm
    That's from where I took the code.

    daniel
  14. #8
  15. what's your moniker?
    Devshed Newbie (0 - 499 posts)

    Join Date
    Oct 2003
    Location
    Highland Park, NJ
    Posts
    201
    Rep Power
    11
    Originally posted by Danbr
    http://www.echoecho.com/toolcustomscroll.htm
    That's from where I took the code.

    daniel
    Yes, but can you publish a link to your page or a dummy page?
  16. #9
  17. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Aug 2003
    Posts
    14
    Rep Power
    0
    Danbr:
    I use colored scrollbars extensively...

    Here's the settings I use:
    SCROLLBAR-3DLIGHT-COLOR: #336699;
    SCROLLBAR-ARROW-COLOR: #ffffff;
    SCROLLBAR-TRACK-COLOR: #1e5082;
    SCROLLBAR-DARKSHADOW-COLOR: #336699;
    SCROLLBAR-BASE-COLOR: #3399cc;

    Here's a useful link:
    http://msdn.microsoft.com/workshop/s...llbarColor.htm

    Hope this helps,
    --=Richard
    Last edited by rmarsha; January 30th, 2004 at 01:17 PM.
  18. #10
  19. Retired
    Devshed Supreme Being (6500+ posts)

    Join Date
    Feb 2002
    Location
    Finland
    Posts
    9,143
    Rep Power
    2493
    Hey thanks,
    But why does the page where I took this example work?
    http://www.echoecho.com/school.htm
    , that didn't work for me in IE6.

    The example posted later is for textarea scrollbars, which is a totally different ball game Still invalid CSS

    Cheers,
    Jamie

    >_ skiFFie ? | Twitter

    __________________

    Let the might of your compassion arise to bring a quick end
    to the flowing stream of the blood and tears .....
    Please hear my anguished words of truth.

    __________________
  20. #11
  21. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Aug 2003
    Posts
    14
    Rep Power
    0
    The code that this site generates is including the <STYLE> tags, which is only going to work if you put it inline in your actual document.

    If you are using the style settings with the <LINK> tag to a .css file, you need to strip the <STYLE> tags from your .css file.

    I tried both methods on IE 6.0/XP/SP2 and they work fine. The <TEXTAREA> (at least in IE6) responds to these also...
  22. #12
  23. No Profile Picture
    Contributing User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Sep 2003
    Location
    Sertaozinho-SP
    Posts
    45
    Rep Power
    12
    Hi,

    I tried the code on IE 5.5 (I have it at home) and it works.

    I will try to put the css for the scrollbars inline,
    as I currently use a link to a external CSS file!

    Thanks a lot
    Daniel
  24. #13
  25. No Profile Picture
    Junior Member
    Devshed Newbie (0 - 499 posts)

    Join Date
    Feb 2004
    Location
    NYC
    Posts
    1
    Rep Power
    0

    I had that problem before


    I had this problem about a week ago while working in Dreamweaver and found that it was my <!DOCTYPE> setting that was restricting it. It seems that either Dreamweaver MX2004 or an editor the html was checked in changed the setting.

    Honestly I was in too much of a rush to correctly set the doctype at the time so I just removed it entirely for the pages in question. and my scrollbar CSS worked. You can find out more info on the doctype setting here.

    Hope this helps.

IMN logo majestic logo threadwatch logo seochat tools logo