Scrollbars to...the left?

Forum Moderators: open

Message Too Old, No Replies

Scrollbars to...the left?

Moving those scrollbars awkwardly to the left

mstk

11:32 pm on Nov 6, 2004 (gmt 0)

Is there any way (I assume by using CSS) to move the scrollbar from the right to the left?

It may seem strange and awkward to use, but in my script the scrollbar seems to appear invisibly floating in the middle of the page due to invisible-background i-frames.

Sanenet

11:46 pm on Nov 6, 2004 (gmt 0)

Nope - the browser sets the location and position of the scroll bars. You can change the color, but not the location.

You can get rid of them tho, by setting the scrollbar visibility to never.

mstk

11:57 pm on Nov 6, 2004 (gmt 0)

Okay, thanks.

I'm not sure I can live without the scrollbars completely, so I'll just have to live with them floating in the middle of the page.

Robin_reala

12:06 am on Nov 7, 2004 (gmt 0)

You can change the color

You can only do this in IE and Konq. Other browsers (correctly imho) interpret the scrollbar as part of the chrome.

MatthewHSE

1:34 am on Nov 8, 2004 (gmt 0)

Try this tip [dynamicdrive.com] from DynamicDrive. Not sure it will do what you want, but it may be worth a look.

Dave McClure

6:39 am on Nov 8, 2004 (gmt 0)

Yes, there is a way. in the <html> tag you can use <html dir="rtl"> I have used it on Arabic language pages on a bilingual website. But it will reverse everything, not just the scrollbar, and is intended for use with right to left languages like Arabic.

BonRouge

7:22 am on Nov 8, 2004 (gmt 0)

Hey that's cool.
If you use that on a wrapper div then everything inside is unaffected (it seems). I mean you don't have to use it in the html tag - you can put it anywhere you like. It seems to be exactly what you want mstk.
(This could be kind of confusing though, eh?)

Dave McClure

7:56 am on Nov 8, 2004 (gmt 0)

Yes. You do have to be careful with this one. E.g. it will reverse the order of <td> elements in a table

Lance

11:45 am on Nov 8, 2004 (gmt 0)

Here you go:

<html dir="rtl">
<body dir="ltr">


html
{
 DIRECTION: rtl;
}
body
{
 DIRECTION: ltr;
}

Either one will move the scrollbars but leave the rest of the page unaffected.

<evil grin>What an interesting way to confuse people. I may need to play with this.</evil grin>

Lance

12:33 pm on Nov 8, 2004 (gmt 0)

Interesting... This seems to be ignored in Firefox.

Dave McClure

1:16 pm on Nov 8, 2004 (gmt 0)

{Interesting... This seems to be ignored in Firefox.}

Yes, I noticed that too.

ElvenAssassin

3:20 pm on Nov 22, 2004 (gmt 0)

I know this is a little old, but I found this on a google search and it really helped and I thought I should add to it.

I found out that you can embedd the code into tables, too, so that only part of your text does this.

For example:

<table>
<tbody>
<tr dir=rtl>
 <td>I'm on the right</td>
 <td>and me too</td>
 </tr>
 <tr>
 <td>left</td>
 </tr>
<table>

has the first row where everything flipped, and the second row, everythings "normal". The same premise can be used if you want the entire table to behave that way, by adding <tbody dir=rtl>, or to <td> (I know TBODY isn't necessary, but I figured it was better to add it rather than explain where it goes)

Oh, and my friend viewed my page in Firefox and it seemed to work. I'm not sure what version, though.