CSS Help
 
Forums: » Register « |  User CP |  Games |  Calendar |  Members |  FAQs |  Sitemap |  Support | 
User Name:
Password:
Remember me
Go Back   Dev Shed Forums > Web Design > CSS Help
Reload this Page

scrollbar properties are not being displayed despite the CSS settings

Discuss scrollbar properties are not being displayed despite the CSS settings in the CSS Help forum on Dev Shed.
scrollbar properties are not being displayed despite the CSS settings Cascading Style Sheets (CSS) forum discussing all levels of CSS, including CSS1, CSS2 and CSS Positioning. CSS provides a robust way of applying standardized design concepts to your web pages.

Reply
Add This Thread To:
  Del.icio.us   Digg   Google   Spurl   Blink   Furl   Simpy   Y! MyWeb 
« Previous Thread | Next Thread »  
Thread Tools Search this Thread Rate Thread Display Modes
 
Unread Dev Shed Forums Sponsor:
  #1  
Old January 30th, 2004, 05:28 AM
Danbr Danbr is offline
Contributing User
Dev Shed Newbie (0 - 499 posts)
  
Join Date: Sep 2003
Location: Sertaozinho-SP
Posts: 45 Danbr User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: < 1 sec
Reputation Power: 6
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
Reply With Quote
  #2  
Old January 30th, 2004, 05:41 AM
jabba_29's Avatar
jabba_29 jabba_29 is offline
Back in HEL
Dev Shed God 8th Plane (8500 - 8999 posts)
  
Join Date: Feb 2002
Location: Finland
Posts: 8,788 jabba_29 User rank is General 10th Grade (Above 100000 Reputation Level)jabba_29 User rank is General 10th Grade (Above 100000 Reputation Level)jabba_29 User rank is General 10th Grade (Above 100000 Reputation Level)jabba_29 User rank is General 10th Grade (Above 100000 Reputation Level)jabba_29 User rank is General 10th Grade (Above 100000 Reputation Level)jabba_29 User rank is General 10th Grade (Above 100000 Reputation Level)jabba_29 User rank is General 10th Grade (Above 100000 Reputation Level)jabba_29 User rank is General 10th Grade (Above 100000 Reputation Level)jabba_29 User rank is General 10th Grade (Above 100000 Reputation Level)jabba_29 User rank is General 10th Grade (Above 100000 Reputation Level)jabba_29 User rank is General 10th Grade (Above 100000 Reputation Level)jabba_29 User rank is General 10th Grade (Above 100000 Reputation Level)jabba_29 User rank is General 10th Grade (Above 100000 Reputation Level)jabba_29 User rank is General 10th Grade (Above 100000 Reputation Level)jabba_29 User rank is General 10th Grade (Above 100000 Reputation Level)jabba_29 User rank is General 10th Grade (Above 100000 Reputation Level)  Folding Points: 57777 Folding Title: Beginner FolderFolding Points: 57777 Folding Title: Beginner FolderFolding Points: 57777 Folding Title: Beginner Folder
Time spent in forums: 3 Months 3 Weeks 6 Days 14 h 2 m 31 sec
Reputation Power: 1640
Send a message via ICQ to jabba_29 Send a message via AIM to jabba_29 Send a message via MSN to jabba_29 Send a message via Yahoo to jabba_29 Send a message via Google Talk to jabba_29 Send a message via Skype to jabba_29
Facebook
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

# mdb4u | The mobile movie database | Please help to test and promote
# skiFFie | Home of the 'accessibility module' for Drupal
# Jamie Burns [me] Accessibility Module [drupal]
# guidelines | search | wap resources | not getting help | fold to cure

__________________

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.


__________________
Reply With Quote
  #3  
Old January 30th, 2004, 09:12 AM
Danbr Danbr is offline
Contributing User
Dev Shed Newbie (0 - 499 posts)
  
Join Date: Sep 2003
Location: Sertaozinho-SP
Posts: 45 Danbr User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: < 1 sec
Reputation Power: 6
Hey thanks,

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


http://www.echoecho.com/school.htm
Reply With Quote
  #4  
Old January 30th, 2004, 10:38 AM
Winters Winters is offline
Bad Coder
Dev Shed Intermediate (1500 - 1999 posts)
  
Join Date: Jul 2003
Posts: 1,806 Winters User rank is First Lieutenant (10000 - 20000 Reputation Level)Winters User rank is First Lieutenant (10000 - 20000 Reputation Level)Winters User rank is First Lieutenant (10000 - 20000 Reputation Level)Winters User rank is First Lieutenant (10000 - 20000 Reputation Level)Winters User rank is First Lieutenant (10000 - 20000 Reputation Level)Winters User rank is First Lieutenant (10000 - 20000 Reputation Level)Winters User rank is First Lieutenant (10000 - 20000 Reputation Level)Winters User rank is First Lieutenant (10000 - 20000 Reputation Level) 
Time spent in forums: 1 Week 6 Days 3 h 20 m 23 sec
Reputation Power: 186
Doesn't work for me.

CSS properties for scrollbar colours is only valid in certain versions of IE. It isn't worth implementing.
Reply With Quote
  #5  
Old January 30th, 2004, 10:56 AM
Danbr Danbr is offline
Contributing User
Dev Shed Newbie (0 - 499 posts)
  
Join Date: Sep 2003
Location: Sertaozinho-SP
Posts: 45 Danbr User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: < 1 sec
Reputation Power: 6
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
Reply With Quote
  #6  
Old January 30th, 2004, 11:05 AM
stinkoman's Avatar
stinkoman stinkoman is offline
what's your moniker?
Dev Shed Newbie (0 - 499 posts)
  
Join Date: Oct 2003
Location: Highland Park, NJ
Posts: 201 stinkoman User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: < 1 sec
Reputation Power: 5
Send a message via AIM to stinkoman
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
__________________
new jersey web design
Reply With Quote
  #7  
Old January 30th, 2004, 11:59 AM
Danbr Danbr is offline
Contributing User
Dev Shed Newbie (0 - 499 posts)
  
Join Date: Sep 2003
Location: Sertaozinho-SP
Posts: 45 Danbr User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: < 1 sec
Reputation Power: 6
http://www.echoecho.com/toolcustomscroll.htm
That's from where I took the code.

daniel
Reply With Quote
  #8  
Old January 30th, 2004, 12:45 PM
stinkoman's Avatar
stinkoman stinkoman is offline
what's your moniker?
Dev Shed Newbie (0 - 499 posts)
  
Join Date: Oct 2003
Location: Highland Park, NJ
Posts: 201 stinkoman User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: < 1 sec
Reputation Power: 5
Send a message via AIM to stinkoman
Quote:
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?
Reply With Quote
  #9  
Old January 30th, 2004, 01:14 PM
rmarsha rmarsha is offline
Registered User
Dev Shed Newbie (0 - 499 posts)
  
Join Date: Aug 2003
Posts: 14 rmarsha User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: < 1 sec
Reputation 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/...ollbarColor.htm

Hope this helps,
--=Richard
Last edited by rmarsha : January 30th, 2004 at 01:17 PM.
Reply With Quote
  #10  
Old January 30th, 2004, 03:09 PM
jabba_29's Avatar
jabba_29 jabba_29 is offline
Back in HEL
Dev Shed God 8th Plane (8500 - 8999 posts)
  
Join Date: Feb 2002
Location: Finland
Posts: 8,788 jabba_29 User rank is General 10th Grade (Above 100000 Reputation Level)jabba_29 User rank is General 10th Grade (Above 100000 Reputation Level)jabba_29 User rank is General 10th Grade (Above 100000 Reputation Level)jabba_29 User rank is General 10th Grade (Above 100000 Reputation Level)jabba_29 User rank is General 10th Grade (Above 100000 Reputation Level)jabba_29 User rank is General 10th Grade (Above 100000 Reputation Level)jabba_29 User rank is General 10th Grade (Above 100000 Reputation Level)jabba_29 User rank is General 10th Grade (Above 100000 Reputation Level)jabba_29 User rank is General 10th Grade (Above 100000 Reputation Level)jabba_29 User rank is General 10th Grade (Above 100000 Reputation Level)jabba_29 User rank is General 10th Grade (Above 100000 Reputation Level)jabba_29 User rank is General 10th Grade (Above 100000 Reputation Level)jabba_29 User rank is General 10th Grade (Above 100000 Reputation Level)jabba_29 User rank is General 10th Grade (Above 100000 Reputation Level)jabba_29 User rank is General 10th Grade (Above 100000 Reputation Level)jabba_29 User rank is General 10th Grade (Above 100000 Reputation Level)  Folding Points: 57777 Folding Title: Beginner FolderFolding Points: 57777 Folding Title: Beginner FolderFolding Points: 57777 Folding Title: Beginner Folder
Time spent in forums: 3 Months 3 Weeks 6 Days 14 h 2 m 31 sec
Reputation Power: 1640
Send a message via ICQ to jabba_29 Send a message via AIM to jabba_29 Send a message via MSN to jabba_29 Send a message via Yahoo to jabba_29 Send a message via Google Talk to jabba_29 Send a message via Skype to jabba_29
Facebook
Quote:
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
Reply With Quote
  #11  
Old January 30th, 2004, 03:58 PM
rmarsha rmarsha is offline
Registered User
Dev Shed Newbie (0 - 499 posts)
  
Join Date: Aug 2003
Posts: 14 rmarsha User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: < 1 sec
Reputation 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...
Reply With Quote
  #12  
Old February 2nd, 2004, 04:24 AM
Danbr Danbr is offline
Contributing User
Dev Shed Newbie (0 - 499 posts)
  
Join Date: Sep 2003
Location: Sertaozinho-SP
Posts: 45 Danbr User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: < 1 sec
Reputation Power: 6
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
Reply With Quote
  #13  
Old February 2nd, 2004, 09:11 AM
oneChampion oneChampion is offline
Junior Member
Dev Shed Newbie (0 - 499 posts)
  
Join Date: Feb 2004
Location: NYC
Posts: 1 oneChampion User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: < 1 sec
Reputation Power: 0
Send a message via AIM to oneChampion
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.
Reply With Quote
Reply

Viewing: Dev Shed Forums > Web Design > CSS Help > scrollbar properties are not being displayed despite the CSS settings

« Previous Thread | Next Thread »

Thread Tools  Search this Thread 
Search this Thread:

Advanced Search
Display Modes  Rate This Thread 
Linear Mode Linear Mode
Rate This Thread:


Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts
vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
View Your Warnings | New Posts | Latest News | Latest Threads | Shoutbox
Forum Jump