Forum Moderators: not2easy

Message Too Old, No Replies

scrollbar on the left?

is it possible

         

httpwebwitch

4:06 pm on Mar 19, 2008 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Here's a wacky question.

I have a <div> with overflow:scroll

Is there a way to force the scrollbar to the left of the rectangle, insted of on the right?
Though unorthodox, in my layout it would look WAY better

Receptional Andy

4:10 pm on Mar 19, 2008 (gmt 0)



You could do this using a custom scrollbar created by javascript, although I don't think it's possible in CSS.

Would be a fair bit of work to get it to be cross-browser, although hopefully someone may have already done some of the work for you if that's the route you wanted to take. High potential for usability problems though, I imagine.

penders

12:05 am on Mar 20, 2008 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month



Is there a way to force the scrollbar to the left of the rectangle, insted of on the right?

You can try changing the

direction
property of the <div>. Although this is strictly for the direction of text (left to right / right to left), it also sensibly flips over the vertical scrollbar. Worked OK for me as a 'nice to have' on what was essentially a list of items. Worked in FF2 and IE6 (I can't be sure about Opera9 though).

direction:rtl;  /* Right To Left */ 
text-align:left; /* Override direction */

This should perhaps come with some accessibility warning about not messing with users intuition but I have found this handy in 1 particular case!

Mander

8:39 pm on Mar 23, 2008 (gmt 0)

10+ Year Member



I have been looking so long for this answer :) thanks.

httpwebwitch

6:24 pm on Mar 24, 2008 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



it worked beautifully. thanks!