Guest qkamikazeq Posted October 21, 2005 Share Posted October 21, 2005 I added scrollbar css code like below to layout.css, but it does nothing. Can anyone help me please? body { overflow-x: hidden; scrollbar-base-color: #CCCCD3; scrollbar-track-color: #CCCCD3; scrollbar-face-color: #CCCCD3; scrollbar-highlight-color: #FFFFFF; scrollbar-3dlight-color: #AAAAB4; scrollbar-darkshadow-color: #AAAAB4; scrollbar-shadow-color: #AAAAB4; scrollbar-arrow-color: #FFFFFF; margin: 0px; background-color: #99ccff; } It does work perfectly on my other web site that does not use cubecart. What am I doing wrong? Quote Link to comment Share on other sites More sharing options...
convict Posted October 21, 2005 Share Posted October 21, 2005 EDITED: read my post below Quote Link to comment Share on other sites More sharing options...
markscarts Posted October 21, 2005 Share Posted October 21, 2005 I noticed this when trying to apply scrollbar colors to match a skin - I could not make it work. I didn't care enough to track it down, but I figure that either IE no longer parses it (I'm using v6 sp2), or DOC tag version(s) used by CC cause the browsers to ignore it. I know that the only browsers that formerly recognized it were IE 5.5 and Konqueror. According to W3C, Some browsers (IE, Konqueror) have recently started supporting the non-standard properties 'scrollbar-shadow-color', 'scrollbar-track-color' and others. These properties are illegal: they are neither defined in any CSS specification nor are they marked as proprietary (by prefixing them with "-vendor-"). That is probably why it doesn't work in CubeCartâ„¢ stylesheets :) Quote Link to comment Share on other sites More sharing options...
convict Posted October 21, 2005 Share Posted October 21, 2005 That is probably why it doesn't work in CubeCartâ„¢ stylesheets This is BROWSER mode settings dependet . Code below is responsible that colored scrollbar doesnt show in IE :<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> Apply scroll-bar styles and remove code above temorary . Finally, thats true - scrollbar is non-standard style property. Quote Link to comment Share on other sites More sharing options...
markscarts Posted October 22, 2005 Share Posted October 22, 2005 This is BROWSER mode settings dependet . Code below is responsible that colored scrollbar doesnt shows in IE :<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> That is EXACTLY what I meant when I wrote: . . . or DOC tag version(s) used by CC cause the browsers to ignore it. Sorry I wasn't clearer; as mentioned I didn't even try to track down the issue - not worth it, as the code is "illegal" and not cross-browser effective anyway :) Quote Link to comment Share on other sites More sharing options...
Guest qkamikazeq Posted October 26, 2005 Share Posted October 26, 2005 Thank you all for the reply. Do you know if the following code is non-standard as well? It seems not working. body { overflow-x: hidden; } What I'm trying to do is to add an advertisement on right side of the main contents. If the user uses smaller monitor or browser window, the ad simply does not show up instead of having horizontal scroll bar. Quote Link to comment Share on other sites More sharing options...
markscarts Posted October 26, 2005 Share Posted October 26, 2005 :rolleyes: http://www.w3schools.com/css/pr_pos_overflow.asp You may be adding overflow property to the wrong element. Which element do you not want to overflow? Perhaps #pageSurround? Getting this to work the way you want will require a little trial and error on your part. Overflow property is valid CSS. Quote Link to comment Share on other sites More sharing options...
markscarts Posted October 26, 2005 Share Posted October 26, 2005 Hmm, I see from your first post that it is the body itself where you are applying overflow. Try putting it more specifically related to your ad. I can't be more specific with any advice, though, without working on it myself :rolleyes: Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.