14 replies [Last post]
bfehler
Offline
Regular
Last seen: 15 years 9 weeks ago
Joined: 2008-01-15
Posts: 11
Points: 0

Hi there.

I have been having this problem for a while and after many hours scouring Google with no result, I come to you!

I have a scrollbar within my site that is currently determined by the height of the div. However, I want the scroll bar to be 150px while still retaining the size of my div (300px)

Is that possible at all?

All replies are very much appreciated!

Deuce
Deuce's picture
Offline
Guru
Somewhere, USA
Last seen: 5 years 36 weeks ago
Somewhere, USA
Timezone: GMT-5
Joined: 2005-11-20
Posts: 4424
Points: 1843

No. Please explain what you

No.
Please explain what you are trying to accomplish and why and maybe we can help you with an alternative?

all » http://dictionary.reference.com/browse/all

Google isn't a bunch of guys reading and grading web sites, it's more like a bunch of monkeys sniffing food and putting the good bananas at the top. -Triumph

bfehler
Offline
Regular
Last seen: 15 years 9 weeks ago
Joined: 2008-01-15
Posts: 11
Points: 0

WELL....

Thanks Duece.

To explain in the most basic way I can.

I have a site.

On a page on the site is a section of text that is longer then the maximum height of the page itself.

That text was placed inside a DIV with the height I wanted and overflow set to auto.

It all works perfectly. However, the vertical scroll bar is the height of the DIV, say 300px, but I want the scroll bar to be much smaller, perhaps 150px.

The reason I am doing this is purely from an aesthetic point of view. BUT it needs to be done as the design would plop without it.

Does that make sense?

Deuce
Deuce's picture
Offline
Guru
Somewhere, USA
Last seen: 5 years 36 weeks ago
Somewhere, USA
Timezone: GMT-5
Joined: 2005-11-20
Posts: 4424
Points: 1843

Do you have a live site with

Do you have a live site with the design implemented or maybe a graphic we could look at. I am having a hard time seeing what you are saying.

all » http://dictionary.reference.com/browse/all

Google isn't a bunch of guys reading and grading web sites, it's more like a bunch of monkeys sniffing food and putting the good bananas at the top. -Triumph

bfehler
Offline
Regular
Last seen: 15 years 9 weeks ago
Joined: 2008-01-15
Posts: 11
Points: 0

YE

No worries. Attached is the image. I had to black out some sections due to privacy issues.

As you can see in the image, the text on the left has a scrollbar. But I want that scrollbar to be half the size, but keeping the text div the same height.

Making more sense ?

AttachmentSize
Untitled-1.jpg 168.91 KB
Deuce
Deuce's picture
Offline
Guru
Somewhere, USA
Last seen: 5 years 36 weeks ago
Somewhere, USA
Timezone: GMT-5
Joined: 2005-11-20
Posts: 4424
Points: 1843

Ya, i don't think what you

Ya, i don't think what you are after is going to be possible... at least not in my scope of knowledge.
Hopefully someone else will be along who might be able to help you further.
Sorry.

all » http://dictionary.reference.com/browse/all

Google isn't a bunch of guys reading and grading web sites, it's more like a bunch of monkeys sniffing food and putting the good bananas at the top. -Triumph

bfehler
Offline
Regular
Last seen: 15 years 9 weeks ago
Joined: 2008-01-15
Posts: 11
Points: 0

Thanks for that

Ye, itn seems sooooooo simple, but impossible to get a clear answer.

Thanks again ....ANYONE ELSE ? :curse:

Logus
Logus's picture
Offline
Enthusiast
Last seen: 14 years 3 weeks ago
Joined: 2008-01-08
Posts: 53
Points: 0

Simple answer

You can`t do that, because scrollbar always will have the same size than DIV height

The only way that I know to do that is using scrollbars in flash

"Todo habito hace nuestra mano mas habil y nuestro genio mas torpe"
Contact in my blog http://www.miguelmanchego.com

bfehler
Offline
Regular
Last seen: 15 years 9 weeks ago
Joined: 2008-01-15
Posts: 11
Points: 0

hmmm

So there is no way around this. I cant believe that the powers that be have never considered this. GRRRR

i can do it in flash, but not the solution we are looking for various if not obvious reasons.

hmmm

thanks for that though!

gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 2 years 3 weeks ago
Dallas
Timezone: GMT-6
Joined: 2004-06-25
Posts: 9776
Points: 3858

From a usability standpoint,

From a usability standpoint, scrollbars are best not messed with. People know how they expect the scrollbars on their browsers to look and act. Anything that creates a huh? moment subtracts from the page's usability.

The graphic designers hate that, but which is more important, pleasing them or pleasing the reader?

cheers,

gary

If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.

bfehler
Offline
Regular
Last seen: 15 years 9 weeks ago
Joined: 2008-01-15
Posts: 11
Points: 0

I agree

I def agree with you. But, such is life , and I can only argue sooo much.

Have a great day !¬

thepineapplehead
thepineapplehead's picture
Offline
Moderator
Last seen: 48 weeks 2 days ago
Timezone: GMT+1
Joined: 2004-06-30
Posts: 9683
Points: 819

I must agree with gary. Why

I must agree with gary. Why would you want to do that? It would confuse a lot of people.

Verschwindende wrote:
  • CSS doesn't make pies

bfehler
Offline
Regular
Last seen: 15 years 9 weeks ago
Joined: 2008-01-15
Posts: 11
Points: 0

agreed

Yes people might get confused.

However, in terms of ease of use the solution the designers "developed" is very compeling.

I do absolutely agree with you guys in the sense that there are standards that most users are used to and what many designers adhere to. Like the pedals in a car, right ? Or how western countries are normally reading from left to right etc.

What I am concerned about is why these types of options/funtions are not built in to CSS etc. It's not like I was placing the scroll bar on another page all together, rather sizing it down slightly to fit in the page nice and snug. This would not send users into a wild panic and cause them to completely loose their footing, would it ?

Thanks again all !

gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 2 years 3 weeks ago
Dallas
Timezone: GMT-6
Joined: 2004-06-25
Posts: 9776
Points: 3858

I have seen this done with

I have seen this done with javascript. You might scour some of the javascript repositories for examples. Take care that the method you choose doesn't break the scrolling should js be turned off.

cheers,

gary

If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.

bfehler
Offline
Regular
Last seen: 15 years 9 weeks ago
Joined: 2008-01-15
Posts: 11
Points: 0

Thanks!

I'll look into that. Naturally there are all the accessibility issues that need to be considered.

Many thanks for your response!!!