Results 1 to 6 of 6

Thread: Scrollbar definitions not apparent

  1. #1
    Join Date
    May 2005
    Posts
    52
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Unhappy Scrollbar definitions not apparent

    I've set the colors of the scrollbar in my blogger template. It does appear as it should be in the preview, but it doesn't at all in the website itself.

    http://dr-haisook.blogspot.com/ (you can check the source)

    What's wrong I wonder.. ?!

    Help would be appreciated..

  2. #2
    Join Date
    Mar 2006
    Location
    Illinois, USA
    Posts
    12,164
    Thanks
    265
    Thanked 690 Times in 678 Posts

    Default

    changing the colors is stupid, anyway, I'd say.
    Even if you do get it to work, then you have to realize you only can have it working in IE. other browsers don't support it.
    Short of that, I'm not really sure why.

  3. #3
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    Code:
    body {
      background:#fff url(http://xs74.xs.to/pics/06133/blackdrops.jpg) repeat-x;
      margin:0;
      padding:40px 20px;
      font:8pt Arial;
      align: center;
      text-align:center;
      color:#000;
      SCROLLBAR-FACE-COLOR: #232323; 
      SCROLLBAR-HIGHLIGHT-COLOR: #ddd; 
      SCROLLBAR-SHADOW-COLOR: #ddd; 
      SCROLLBAR-3DLIGHT-COLOR: #ffffff; 
      SCROLLBAR-ARROW-COLOR: #FF0000; 
      SCROLLBAR-TRACK-COLOR: #eeeeee; 
      SCROLLBAR-DARKSHADOW-COLOR: #ffffff;
      }
    That's invalid, may throw off the rest of the style block. There are a number of style errors here and on the external stylesheet as well, the most important is that it ends like so:

    Code:
    .SB_table1 {
    	background-color : #FFFFFF;
    	border-bottom-color : gray;
    	border-bottom-style : solid;
    	border-bottom-width : 0;
    	border-left-color : gray;
    	border-left-style : solid;
    	border-left-width : 0px;
    	border-right-color : gray;
    	border-right-style : solid;
    	border-right-width : 0px;
    	border-top-color : gray;
    	border-top-style : solid;
    	border-top-width : 0px;
    	color : #000000;
    	font-size : xx-small;
    }
    
    blink;
    Get rid of that red part. Sometimes the scrollbar styles must be set for the html selector rather than the body selector:

    Code:
    html {
    scrollbar styles
    }
    Try validating your css.
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  4. #4
    Join Date
    May 2005
    Posts
    52
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Thanks a lot jscheuer1.

  5. #5
    Join Date
    Mar 2006
    Location
    Illinois, USA
    Posts
    12,164
    Thanks
    265
    Thanked 690 Times in 678 Posts

    Default

    glad you got it fixed.
    I just re-read my post and it sounded mean. Sorry about that. I just wanted to point out that it'll only work for like 2/3 of the people viewing your page.. but it won't hurt the others, so it is worth, I guess.

  6. #6
    Join Date
    May 2005
    Posts
    52
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    I understand djr33. It's totally ok.

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •