Hello everybody,

We all know that with a little code like this, we can add colored scrollbar in a web page:

<STYLE type="text/css">

</STYLE>

But with this the scrollbar appear even if i don't need them, when the screen resolution is high. How can this code be modify to appear only when necessary ?

Thans a lot.

Zenno

The code did not appear on my preceding post, maybe due to a restriction on computing.net.

Anyway i put it in a text file on my website:

http://www.familleboutet.com/familleboutet.com/code.rtf

body {
overflow: hidden;
}

That's it ??

Great..Thank you tImmaY

Zenno.

I tried it, but it dows not solve my problem.

It does remove the scrollbar but i want this only for screen at higher resolution, i still want the scrollbar to appear at 800x600 or 1024x768.

I placed your code at several different places but with the same result.

Zenno.

That hides the scrollbar, java could do this for you, make it check the resoulotion, and if above whatever, insert that code...

Excell Hosting for all your hosting needs.

Chaud, your code did not appear in your preceding post,

What is the code please ?

Zenno

Zenno-
Read up on the Overflow CSS property. I can't stand custom scrollbars, so I have never used them, but changing it to:

overflow: auto;

should work. This should go in with all your scrollbar properties:

scrollbar-arrow-color:#000000;
scrollbar-track-color:#43493B;
overflow: auto;

If that doesn't work, we may end up having to use javascript (NOT java...The two are barely related). But that would be a lame solution, so just keep your fingers crossed.

-SN

Yes it worked.

Thank you very much everyone.

Zenno.

so then how would you make a javascript choose which style sheet to use depending on the browser size? i know how to determine browser size but i dont know how to make it use a dif. style sheet depending on the resolution.

nvm, this worked:
<> = []
[script language="javascript"]
var correctwidth = 1024
var correctheight = 768

if (screen.width > correctwidth||screen.height > correctheight)
document.write ("<link rel='stylesheet' type='text/css' href='style.css'>")
else if (screen.width <= correctwidth||screen.height <= correctheight)
document.write("<link rel='stylesheet' type='text/css' href='style1.css'>")
[/script]