Problem specifying scrollbar styles

There are 17 messages in this topic Watch this topic for replies

Add Reply Back to forum "Software Discussion" Back to Index

Joined: October 10, 2003 Status: Offline Posts: 2009 Rep:

Problem specifying scrollbar styles

Tue Aug 30, 2005 5:10:27 PM #13020 Perm Link

Alright, my girlfriend's having trouble with the aforementioned problem, and I figured I'd see if anyone here knew how to fix it. Here's the problem in question:

I have a website using frames. I use a .css stylesheet for the whole site, and I wanted to change the colors of the scrollbar. So I put the attributes where I read to put them: in the Body tag, for which I specified in the stylesheet.

My stylesheet read:

body {background-color: #ade9ab; color: #3c804d; scrollbar-face-color: #AFD7B3; scrollbar-track-color: #AFD7B3; scrollbar-3dlight-color: #AFD7B3; scrollbar-highlight-color: #CAF6C4; scrollbar-shadow-color: #95CBB1; scrollbar-darkshadow-color: #AFD7B3; scrollbar-arrow-color: #296342}

for that part. However, when I go to test it, nothing happens to the scrollbar. I�m thinking, since a <body> tag isn�t used for making a frameset, the attributes for the scrollbar won�t present themselves on the site. But that doesn�t make sense, since every other attribute I specified for the body, such as bg color and font color, in the stylesheet does work on the site. Every page on the site is linked to the stylesheet. Where�s the problem? I�ve tried putting the attributes in the external stylesheet, and in an internal stylesheet for the index. Here�s my site so far:

http://members.cox.net/kfarore/index.html

She uses IE 6.

Reply Quote Send PM Profile

areamike Joined: June 27, 2005 Status: Offline Posts: 787 Rep:

(No Title)

Tue Aug 30, 2005 5:47:42 PM #13025 Perm Link

make sure your framed pages call the css style sheet too.

for instance., You have a
header_frame.html
main_frame.html
and
index.html
which puts them together. Each of those need to call your css stlye sheet as do each page that loads into main_frame.html.

also, have you tried hardcoding the css body style inbetween the head tags of the framed pages?

Reply Quote Send PM Profile

2014: Year of change. Joined: August 3, 2001 Status: Offline Posts: 10753 Rep:

Re: Problem specifying scrollbar styles

Tue Aug 30, 2005 5:53:10 PM #13027 Perm Link

In response to JaegoLooLoo #13020

Code

body frameset{
background-color: #ade9ab;
color: #3c804d;
scrollbar-face-color: #AFD7B3;
scrollbar-track-color: #AFD7B3;
scrollbar-3dlight-color: #AFD7B3;
scrollbar-highlight-color: #CAF6C4;
scrollbar-shadow-color: #95CBB1;
scrollbar-darkshadow-color: #AFD7B3;
scrollbar-arrow-color: #296342;
}

I will not go into detail about how this is an IE only hack and that these properties are NOT standard. You are missing the last semicolon on the last line. I believe you need to say body and/or frameset, since that is where the scroll is located (in a frame).

2014 is going to be a good year. More content, more streamlining. Be a part of history!

Reply Quote Send PM Profile

Joined: October 10, 2003 Status: Offline Posts: 2009 Rep:

Re[2]: Problem specifying scrollbar styles

Tue Aug 30, 2005 7:39:44 PM #13037 Perm Link

In response to Aron Schatz #13027

Unfortunately, neither of those solutions worked. Is there anything else it could be?

Reply Quote Send PM Profile

2014: Year of change. Joined: August 3, 2001 Status: Offline Posts: 10753 Rep:

Re[3]: Problem specifying scrollbar styles

Tue Aug 30, 2005 7:42:41 PM #13038 Perm Link

In response to JaegoLooLoo #13037

Don't use frames. They suck.

Don't use non standard CSS.

2014 is going to be a good year. More content, more streamlining. Be a part of history!

Reply Quote Send PM Profile

Joined: October 10, 2003 Status: Offline Posts: 2009 Rep:

Re[4]: Problem specifying scrollbar styles

Tue Aug 30, 2005 8:07:18 PM #13039 Perm Link

In response to Aron Schatz #13038

Well that's really a matter of opinion isn't it, Aron? Razz

Razz

Regardless, she was looking at the source of a site that uses frames and has a custom scrollbar, and in their CSS they have the coding right where you told her to put it, and it works for them.

So I guess the question is, is there anything ELSE that could be the source of the problem?

EDIT: I can probably provide you with any information you need to locate the source of the problem. Of course I know you have you own life and probably can't sit around trying to figure out my girlfriend's problem all day, but if you do know of a way that could make it work, I would really appreciate it. She seems set on what she's doing now, so unless she absolutely cannot fix it, I think she plans to stick with it.

Edited at Wed Aug 31, 2005 4:15:05 AM

Reply Quote Send PM Profile

2014: Year of change. Joined: August 3, 2001 Status: Offline Posts: 10753 Rep:

Re[5]: Problem specifying scrollbar styles

Tue Aug 30, 2005 8:43:14 PM #13040 Perm Link

In response to JaegoLooLoo #13039

Instead of this on the frame...

Code

<STYLE href="kitrastyle.css" rel="stylesheet" type="text/css">
H1 {font-family: "Letter Set A"; text-align: center}
HR {color: #40845B}
P {size: 1}
DT {font-weight: bold}
</STYLE>

Do this:

Code

<LINK rel="stylesheet" href="kitrastyle.css" type="text/css" />
<STYLE>
H1 {font-family: "Letter Set A"; text-align: center;}
HR {color: #40845B;}
P {size: 1;}
DT {font-weight: bold;}
</STYLE>

2014 is going to be a good year. More content, more streamlining. Be a part of history!

Reply Quote Send PM Profile

Joined: October 10, 2003 Status: Offline Posts: 2009 Rep:

Re[6]: Problem specifying scrollbar styles

Tue Aug 30, 2005 9:28:03 PM #13041 Perm Link

In response to Aron Schatz #13040

Oh hell yeah! It worked! She says:

"THANK YOU for pointing that out, because the only page I didn't use the Link tag was the one that actually needed scrolling. Also I think you're totally hot, call me."

Actually I added that last sentence. Hint hint, wink wink.

Reply Quote Send PM Profile

areamike Joined: June 27, 2005 Status: Offline Posts: 787 Rep:

Re[7]: Problem specifying scrollbar styles

Wed Aug 31, 2005 6:01:19 AM #13050 Perm Link

In response to JaegoLooLoo #13041

Said By JaegoLooLoo
"THANK YOU for pointing that out, because the only page I didn't use the Link tag was the one that actually needed scrolling."

hmm...did I say that?? reading IS fundamental. Smile

Smile

Said By areamike
Each of those need to call your css stlye sheet as do each page that loads into main_frame.html.

also, have you tried hardcoding the css body style inbetween the head tags of the framed pages?

and yes, as a matter of another opinion, frames suck! But hey we are only two of two here right now...hehe

Reply Quote Send PM Profile

Joined: October 10, 2003 Status: Offline Posts: 2009 Rep:

(No Title)

Wed Aug 31, 2005 9:51:48 PM #13060 Perm Link

Well I just gave her the link, and assumed she followed what you said exactly. It has nothing to do with my reading skills.

Reply Quote Send PM Profile

areamike Joined: June 27, 2005 Status: Offline Posts: 787 Rep:

(No Title)

Thu Sep 1, 2005 5:52:17 AM #13064 Perm Link

In response to JaegoLooLoo #13060

Said By JaegoLooLoo
Well I just gave her the link, and assumed she followed what you said exactly. It has nothing to do with my reading skills.

bah..I was just pullin' your chain..no harm...no foul! Wink

Wink

Reply Quote Send PM Profile

2014: Year of change. Joined: August 3, 2001 Status: Offline Posts: 10753 Rep:

(No Title)

Thu Sep 1, 2005 6:01:36 AM #13065 Perm Link

I'm glad the problem was fixed. I still suggest that you move away from frames and go with a floating DIV or something. There are ways todo this in CSS that don't require frames.

You also might want to run your page through the validator at W3C. I've got the Forums index and ASEville with totally valid HTML.

http://validator.w3.org/

2014 is going to be a good year. More content, more streamlining. Be a part of history!

Reply Quote Send PM Profile

Joined: October 10, 2003 Status: Offline Posts: 2009 Rep:

(No Title)

Thu Sep 1, 2005 2:14:39 PM #13081 Perm Link

In response to Aron Schatz #13065

Oh yeah, I actually gave that to her a few days ago, but I don't think she used it. I'll recommend it to her later, and then maybe try to move her off frames if they're really as bad as you guys say they are.

Reply Quote Send PM Profile

pairbrother Joined: December 17, 2005 Status: Offline Posts: 5 Rep:

Re[8]: Problem specifying scrollbar styles

Sat Dec 17, 2005 3:31:48 AM #13920 Perm Link

In response to areamike #13050

Said By areamike
and yes, as a matter of another opinion, frames suck! But hey we are only two of two here right now...hehe

frames dont suck that bad as yet Razz

Razz

otherwise they would have been removed from w3c recommendations by now

Reply Quote Send PM Profile

Joined: December 6, 2005 Status: Offline Posts: 930 Rep:

(No Title)

Sat Dec 17, 2005 3:40:55 AM #13923 Perm Link

I believ (and may be wrong) that frames are officially deprecated.
frames suck, and tables suck for layout. tables are meant to be used for displaying data, and that is all that I use them for.

Reply Quote Send PM Profile

areamike Joined: June 27, 2005 Status: Offline Posts: 787 Rep:

Re[9]: Problem specifying scrollbar styles

Sun Dec 18, 2005 3:41:10 PM #13957 Perm Link

In response to pairbrother #13920

Said By pairbrother
[QUOTE="areamike"]otherwise they would have been removed from w3c recommendations by now

AHH...lmfao. That still does not mean they don't suck!

Reply Quote Send PM Profile

Meatball Joined: December 24, 2005 Status: Offline Posts: 48 Rep:

(No Title)

Sat Dec 24, 2005 5:20:04 AM #14044 Perm Link

I see you fixed it but here are some suggestions:

Instead of using frames, maybe just use an iframe.

The best way, I think, would to use a div and put overflow: auto; in the style, like this:

Code

#scrolling_div
{
overflow: auto;
border: 1px solid #000;
width: 200px;
height: 100;
background-color: #ade9ab;
color: #3c804d;
scrollbar-face-color: #AFD7B3;
scrollbar-track-color: #AFD7B3;
scrollbar-3dlight-color: #AFD7B3;
scrollbar-highlight-color: #CAF6C4;
scrollbar-shadow-color: #95CBB1;
scrollbar-darkshadow-color: #AFD7B3;
scrollbar-arrow-color: #296342;
padding: 2px;
}

then in the html, just refer to it with

Code

<div id="scrolling_div">
Hello, you are reading what is in the div. When the box is full of content, a scroll bar appears and lets you scroll. It doesn't use frames or link to any other sheets, unless of course, you are using a style sheet.
</div>

EDIT: oh yeah, and you should change it, cause frames suck xD

Reply Quote Send PM Profile

Page: [1]

Add Reply Back to forum "Software Discussion" Back to Index

Quick Reply