CSSPLAY
Doing it with style
Doing it with style
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}cssplay.co.uk.
Stu:-
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>
</div>
</div>
(03.09.2006, 23:50)
james:-
ive well just fell in love with you, thanks.xxx
(04.09.2006, 00:41)
CurlyPaul:-
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)
Anonym:-
Safari 3.0, scroll bar still on right. Looks like Safari no likey.
(30.10.2007, 19:49)
Joe:-
This doesn't seem to be working in Firefox 3 Beta 1, just thought I'd let you know.
(23.11.2007, 05:57)
Pascal:-
But it works fine in Firefox 2 :)
(13.04.2008, 14:17)
analpaper:-
under Firefox 3 is rendered at right side, any chance to fit it under FF3?
(18.07.2008, 02:24)
Jack:-
Stu
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
Jack
(10.08.2008, 11:15)
Mandy:-
I'm in Opera 9.6 and the scrollbar appears on the left for me. :)
(12.10.2008, 20:55)
Rafael:-
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)
10 of 21 comments (part 1). [ » ] [ * ]
Thanks to Alex for this script.
Please enter your comments for this site page.
Please note that all posts are moderated.
HTML is turned off
Maximum word length is 80 characters.
Messages limited to 1200 characters.
Web links should not include 'https://'
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.
