View Full Version : Computer Overriding CSS Scrollbars - Please Help! >,<


anesthesia
04-20-2003, 07:43 PM
I searched for this and didn't find anything. I've never seen anything like this and I don't know how to fix it.

I think that my scrollbar specifications must have gotten messed with somehow because the aren't working properly.. I've tried to replace the coding multiple times with lissa's coding and coding from other sites - and it didn't work so I started thinking that it was just my computer. Well, it's not because it does the same thing on my boyfriend's computer and it's probably doing the same thing on yours. The bar won't change colors for me anymore like it used to, but stays the same color as your computer accent colors.

If you visit my website here :: http://www.white-nenya.net/~wysteria/ .. You can view my coding and the scrollbars or enter the site and see all of them there... /sighs. I would appreciate *any* suggestions on this matter. I'm pulling my hair out because the scrollbars are so important on this layout.. as you will see >.<

MaGiCSuN
04-20-2003, 08:17 PM
Did you switched between versions from IE? if so, then check which version you have, because scrollbars don't appear in color if you have a version of IE below 5.5

Love,
Mirna

anesthesia
04-20-2003, 08:22 PM
I have IE 5.5.. /sighs.. Any other suggestions?

MaGiCSuN
04-20-2003, 08:38 PM
i did looked at your codes, and the scrollbar codes looked fine, but the other codes where a bit messed up. Try this:

<style type="text/css">
<!--

A:link { text-decoration: none; color:#757474}
A:visited { text-decoration: underline; color:#757474}
A:active { text-decoration: underline; color:#757474}
A:hover { color:#000000; text-decoration: none}

cursor:sw-resize;}

body
{ background-image:url(silver_bg_main.jpg);
background-repeat:repeat;
background-position:valueI valueII;
background-attachment: scroll, fixed;

font-family: arial,verdana;
color: #000000;
letter-spacing: 8pt;
font-weight:lighter;
font-size:xx-small;

direction:rtl;

scrollbar-face-color:#E9E9E9;
scrollbar-highlight-color:#E9E9E9;
scrollbar-3dlight-color:#E9E9E9;
scrollbar-darkshadow-color:#E9E9E9;
scrollbar-shadow-color:#E9E9E9;
scrollbar-arrow-color:#000000;
scrollbar-track-color:#E9E9E9;
}

td
{ font-family: arial;
color: #FFFFFF;
padding-left: 4cm;
padding-right: 4cm;
padding-top: 2cm;
padding-bottom: 2cm;
padding: 4cm;
padding: 2cm, 4cm}

input, textarea
{ background-color: #FFFFFF;
font-family: arial,verdana;
color: #000000;
border-style: solid;
border-color: #000000;
border-width: 2px }

-->
</style>

you had to change everything that had "VALUE" to the value you wanted, and not change it between the [ and ]. Those things where only as a description, they shouldn't have been in the code itself.

you do need to change the bold word valueI value II if you need it, because it didn't had any answers with it that i could change. If you don't want to use it then delete this part background-position:valueI valueII;

as lissa said on her CSS page:

Attributes are placed between brackets [ and ] and need to be removed, including the brackets, for the code to work. Substitute your attribute for the word "value."

Love,
Mirna

anesthesia
04-21-2003, 12:13 AM
Well, the rest of the CSS works - It's just the scrollbar that doesn't - when it used to work just fine. I'll try switching out the coding and let you know if it changes the situation.

MaGiCSuN
04-21-2003, 12:15 AM
I hope it works out

if it still doesn't work out then it could be your version of IE 5.5 doesn't work with coloured scrollbars and transparent iframes etc.

it is possible, i heard some people on this forum too that did had 5.5 but still couldn't see those things etc.

anesthesia
04-21-2003, 12:17 AM
Now my coordinates are all messed up for my IFrame.. What do I need to change in the CSS to not have it effect that?

anesthesia
04-21-2003, 12:18 AM
Well, I have a hard time believing that it's IE. I have 5.5 and the time that I updated does not coordinate with the time that I started having this problem. :-/

Dude128
04-21-2003, 03:06 AM
try substituting the code that Mirna posted- as she said, the CSS you currently have on the page is messed up because of all the [value]s you have. also, the [this reverses the entire site so the scrollbar is on the left] that you have just before the scrollbar code is probably what is messing it up.

and your iframe shouldn't be changed because it doesn't look like you've even touched your CSS.

anesthesia
04-22-2003, 07:07 PM
Actually, I did change the CSS and it wasn't working and was messing up my scripts so I changed it back to what worked. I obviously wasn't going to leave it like that while I waited for someone else to respond. >,< I get a lot of traffic every day and can't stand to have my splash screwed up for all the world to see.

epolady
04-22-2003, 07:18 PM
Your CSS really needs fixing, which could be the reason why you're not seeing things properly. Try this

<style type="text/css">
<!--

A:link
{ text-decoration: none ; color:#757474}
A:visited
{ text-decoration:underline; color:#757474}
A:active
{ text-decoration: underline; color:#757474}
A:hover
{ text-decoration: none; color:#000000; text-decoration: none}

body
{
background-image:url(silver_bg_main.jpg);
background-repeat: repeat;
background-attachment: fixed;
cursor: sw-resize;
font-family: arial, verdana;
color: #000000;
letter-spacing: 8pt;
font-weight: lighter;
font-size: xx-small;

direction:rtl;
scrollbar-face-color : #FFFFFF;
scrollbar-highlight-color : #FFFFFF;
scrollbar-3dlight-color : #FFFFFF; scrollbar-shadow-color : #FFFFFF;
scrollbar-darkshadow-color : #FFFFFF; scrollbar-track-color : #FFFFFF;
scrollbar-arrow-color : #000000 }

td
{ font-family: arial;
color: #FFFFFF;
padding-left: 4cm;
padding-right: 4cm;
padding-top: 2cm;
padding-bottom: 2cm;}

input, textarea{
background-color: #FFFFFF;
font-family: arial,verdana;
color: #000000;
border-style: solid;
border-color: #000000;
border-width: 2px; }

-->
</style>

anesthesia
04-22-2003, 09:13 PM
Alright. I will try that this time. The previously mentioned didn't work. I will get back to you once I have tried it. ^.^

anesthesia
04-25-2003, 07:18 PM
Alrighty I tried it and with a few adjustments to the code that you posted, everything is working perfectly! Thank you so much! *huge, HUGE hugs to you*

freewebjunk
03-06-2006, 09:29 AM
Hey Guys,

I am new here...check this out, it's pretty easy to use scrollbar maker.

http://www.freewebjunk.com/html/index.asp