Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Page 1 of 2 1 2 LastLast
Results 1 to 10 of 15
  1. #1
    Senior Member solidgold's Avatar
    Join Date
    Jun 2006
    Posts
    766
    Member #
    13373
    Hey, does anybody know how to change the color of the scroll bar using CSS?
    Code:
    <style>
    body {
    scrollbar-base-color: ##FFFFFF;
    scrollbar-arrow-color: ##99CC33;
    scrollbar-3dlight-color: ##FFFFFF;
    scrollbar-darkshadow-color: ##FFFFFF;
    scrollbar-face-color: ##FFFFFF;
    scrollbar-highlight-color: ##FFFFFF;
    scrollbar-shadow-color: ##FFFFFF;
    scrollbar-track-color: ##FFFFFF;
    }
    </style>
    Is what i have at the minute, it doesnt seem to be working, although it could be my computer?
    http://blog.aesthetic-design.co.uk/index.html
    Thanks,
    Solidgold

  2.  

  3. #2
    Senior Member
    Join Date
    Jun 2005
    Location
    Atlanta, GA
    Posts
    4,146
    Member #
    10263
    Liked
    1 times
    I'm not sure if that's the CSS or not, but keep in mind that it only works in Internet Explorer and is fully nonstandard (and, like anything nonstandard in IE, doesn't follow W3C guidelines for nonstandard behavior; i.e., naming as -ie-scrollba-base-color, etc).

  4. #3
    Senior Member hyperair's Avatar
    Join Date
    May 2005
    Posts
    452
    Member #
    9892
    True, very true. But W3C themself don't have any specifications for changing the colour of the scrollbars, which I believe can be essential in the design of a web site. Sometimes the scrollbars can look bad in certain web sites, for example when the colour scheme of the scrollbar just clashes with the colour scheme of the web site.

    I don't blame Microsoft for adding this proprietary feature into their browser, but they should have followed such guidelines set by W3C for nonstandard behaviour.

    P.S. The colour changing of the scrollbar only works in IE 6 and above (though I'm not too sure about IE 7). IE 5/Win doesn't support it and definitely not IE for Mac.
    Hyperair

  5. #4
    Senior Member solidgold's Avatar
    Join Date
    Jun 2006
    Posts
    766
    Member #
    13373
    P.S. The colour changing of the scrollbar only works in IE 6 and above (though I'm not too sure about IE 7). IE 5/Win doesn't support it and definitely not IE for Mac.
    Ah right, that might be the problem then! thanks

  6. #5
    Senior Member
    Join Date
    Jun 2005
    Location
    Atlanta, GA
    Posts
    4,146
    Member #
    10263
    Liked
    1 times
    IE5 doesn't support it? Are you sure? I distinctly remember the first time I played with this was something like six years ago on a pre-6 version if IE...

  7. #6
    Senior Member hyperair's Avatar
    Join Date
    May 2005
    Posts
    452
    Member #
    9892
    Well, I distinctly remember it not working on my old computer:
    Windows 95, IE 5.0
    Pentium 100MHz
    RAM: 64MB

    Hyperair

  8. #7
    Senior Member
    Join Date
    Jun 2005
    Location
    Atlanta, GA
    Posts
    4,146
    Member #
    10263
    Liked
    1 times
    I just checked -- IE5.5 is where scrollbar colors start working.

  9. #8
    Junior Member
    Join Date
    Sep 2006
    Posts
    6
    Member #
    13942
    how do i create a transparent iframe using css?

  10. #9
    Senior Member hyperair's Avatar
    Join Date
    May 2005
    Posts
    452
    Member #
    9892
    Firstly on the host page, you must have the following code for your iframe:
    HTML Code:
    <iframe src="page.html" name="myiframe" id="myiframe" allowtransparency="true" style="backgorund:transparent;"></iframe>
    The src, name and id elements are pretty much regular in every Iframe, then there is the attribute 'allowtransparency="true"' which is to make sure IE displays the transparency if I'm not mistaken. The CSS "background:transparent" is to remove the white background all Iframes have, allowing the background to come through.

    Then, on your Iframe page (page.html):
    Code:
    <style type="text/css">
    html,body {
    background-color:transparent;
    }
    </style>
    This is to remove the background on the external page that you want to use in your Iframe.
    Hyperair

  11. #10
    Senior Member solidgold's Avatar
    Join Date
    Jun 2006
    Posts
    766
    Member #
    13373
    how do i create a transparent iframe using css?
    stop changing the subject of my thread! make your own!


Page 1 of 2 1 2 LastLast

Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 10:10 AM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com