Mobile Friendly Website


Doing it with style

Scrollbars COMMENTS

Welcome to my Comments Pages

Please note. I get a few hundred emails a week from visitors asking for help, or posing questions on how to modify my demos to suit their application and I read them all. Unfortunately I only have a limited amount of time to spend answering these questions.

So if I do not reply, please do not be offended, and if I do reply then you are one of the lucky ones.

If you are asking for permission to use any of my demonstration then please email me with your request stu{at}

Post a comment

Current posts

Exactly what I was looking for. Had this problem on several websites.
(09.06.2004, 19:34)

clever git!
(01.07.2004, 15:34)

doesn't seem to work in safari either. bummer.
(03.09.2004, 04:30)

Just what I need, just hoping now it works as good for our clients using a Mac...
(02.12.2004, 12:39)

Yo bro
(03.02.2005, 21:30)

This is great. I'm using it for a school project. You can see it at

unfortunately, i have it set up so it only works in 1024 by 768 resolution, I'm still a newbie coder
(07.03.2005, 13:29)

hello everybody, great site ! learning and starting to understand what is css and its purpose !
trying to use unicode-bidi:bidi-override; direction:rtl;, of course it works fine for the scrollbar, but can't use the float, so i use margin instead, (i am newbie ).
But then the child react to it too, tables, (okay, easy to fix) but the tag <p> using the "first-letter" hides the text in ff and mixes it a bit up in IE 6.
it even writes the plain text (no tags)the other way round only in IE6 .
I am confuse because it doesn't seems to be coherent to me, is there a way to avoid childs to react on the unicode.
Excuse my english, i'm french. yep, that happens :-) too.
(18.04.2005, 13:39)

Richard V:-
works in safari 1.3 BUT the scrollbar is on the right!!
(23.04.2005, 16:09)

Hans Millard:-
sehr gut Saite. Was machen Sie mein Freund?
keep it up !
(31.07.2005, 13:16)

Safari 2.0.3 => scroll bar is on the right.
(26.02.2006, 21:06)

every tutorial on here has codes. i cant find the code for this. am i just thick? or not looking in the right place? i must have gone thru over 100 tutorials tnite trying to find out how to left align a scrollbar in a scroll box. this is the cloest thing i can find, and yet, i see nothing. help, kids?
(03.09.2006, 23:33)

james, just look at the source code. The style is #scroll {unicode-bidi:bidi-override; direction:rtl; display:block; width:300px; height:100px; overflow:auto; padding:10px; border:1px solid #ba8; margin:0 auto;}
and the html is
<div id="scroll">
<div dir="ltr">
<p>This is a piece of text placed in a div that has a scroll bar on the LEFT</p>
<p>The text, however, ends up as being right justified so it will need another div to reset the direction.<br />
You can size the box anyhow you like but unfortunately not all browsers support this.</p>
<p>Might be useful for something though :)</p>
(03.09.2006, 23:50)

ive well just fell in love with you,
(04.09.2006, 00:41)

Thank you very much, all good stuff.

Just thought that I would add that it works in ie7 and Firefox :)
(13.06.2007, 12:07)

Safari 3.0, scroll bar still on right. Looks like Safari no likey.
(30.10.2007, 19:49)

This doesn't seem to be working in Firefox 3 Beta 1, just thought I'd let you know.
(23.11.2007, 05:57)

But it works fine in Firefox 2 :)
(13.04.2008, 14:17)

under Firefox 3 is rendered at right side, any chance to fit it under FF3?
(18.07.2008, 02:24)


In Firefox 3 the scroll bar is rendered on the right hand side of the div. No amount of tweaking from myself has come up with a solution - any thoughts?

Thanks in anticipation
(10.08.2008, 11:15)

I'm in Opera 9.6 and the scrollbar appears on the left for me. :)
(12.10.2008, 20:55)

FF 3.6.6 - it's still on the right. However, as no-one's commented saying they've found a use for this "technique", I doubt it's critical that it's fixed!
(06.06.2010, 20:20)


Your comment:

Your Name:

Stu's First Name - 3 letters (required)

Thanks to Alex for this script.

Please enter your comments for this site page.
Please note that all posts are moderated.

Posting rules

HTML is turned off
Maximum word length is 80 characters.
Messages limited to 1200 characters.
Web links should not include 'http://'


Your donations keep CSS PLAY running.
If your donation is for the use of a demo then please email me with the demo url after making your donation.


Facebook Twitter rss feed Facebook Fan Page