Scrollbar colors won't show up! [Archive] - Lissa Explains it All: Web Design Forums

View Full Version : Scrollbar colors won't show up!

bay500

07-29-2005, 04:24 PM

I've just uploaded a new site onto freewebs (yeh crap host i know but im skint!) , and it seems that none of the custom colours I have set for my scrollbars will show up in any of my iframes, this isnt usually the case, coz if u look here, on another of my sites, www.geocities.com/buptings/ you will notice the scrollbar color change and if u view the source u will see the code too.

It just ISNT appearing with freewebs! take a look at the view sources, open the bio or gallery link in a new window and see if i have done anything wrong.
I've got a feeling it could be the freewebs server that disallows it although some CSS on my IS enabled!

Arghhh
Help!
Thanks.
Alex

iTom

07-29-2005, 04:27 PM

This should be in CSS.

kittycat

07-29-2005, 04:35 PM

The only reason I can see that it might not work i this line at the top of your code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

You can also fix your CSS up a little bit to this, not sure if that will help though
<style type="text/css">
body,html {
scrollbar-arrow-color: #7EC0EE;
scrollbar-base-color: #000000;
scrollbar-dark-shadow-color: #000000;
scrollbar-3dlight-color:#000000;
scrollbar-face-color: #000000;
scrollbar-highlight-color: #000000;
scrollbar-shadow-color: #000000;
scrollbar-darkshadow-color: #000000;
background-image: url(http://www.geocities.com/buptings/protocoldesignz_14.gif);
}

body,td,th {
font-family: Tahoma;
font-size: 11px;
color: #CCCCCC;
}

</style>

Freewebs should allow CSS, are you using the exact same code as on your geocities site? If it's different you should probably post the freewebs one instead

pcsgirl

07-29-2005, 05:00 PM

What are you viewing the page with? Scrollbar colors only work in IE. (I think...they don't work in firefox) Freewebs allows tehm because I have used them before. All I cna say is to check your code and listen to the other posts.

oldcrazylegs

07-29-2005, 06:32 PM

Scrollbar colors work in both Internet Explorer 5.5+ and Kommandor browsers.

They also only work in the browser's Quirks Mode. To test for Quirks Mode in Internet Explorer go to a site and paste the following script in the address bar and press enter.

javascript:alert(document.compatMode);

If the window alert says "BackCompat" then you page is in the Quirks Mode. Firefox has such a utilty built into it.

If the window alert says CSS1Compat or CSS2Compat then your page is in the standards mode.

The following two lines will put your HTML page in the standards mode

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">

The following two lines will put your XHTML page in the standards mode

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<meta http-equiv="content-type" content="application/xhtml+xml; charset=UTF-8" />

So you see you really have to be trying to get your page into the standards mode for it to happen.

If the following line of code, the XML Prolog, is above the DOC type in your page then you can be certain the page is in the Quirks Mode.

<?xml version="1.0" encoding="utf-8"?>

Here is an example

<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

yellowcard4444

07-30-2005, 12:02 AM

i use freewebs too, i know it stinks, i put in a scrollbar just now and it works fine,
i used this code, change for your own colors
<style>

</style>