CAA: Christian Anime Alliance

^^; And again Kokoro has another bothersome coding problem. I'm trying to use "direction: rtl" to flip the scrollbar to the left side of the page for one of my layouts, and it's supposed to work in Firefox, but it isn't. T_T; It works just fine in IE, though, and I can't understand why it's being stubborn.

My CSS stylesheet (I know colored scrollbars don't work in Firefox, but I like to put them in to make it pretty for people using IE. ^^; )

Code: Select all

<!--
body {
font-family: Arial;
font-size: 11pt;
color: #7C5747;
direction: rtl;
}
body{
background-image:url('bg.gif');
background-repeat:repeat-y;
background-position: right 50%;
background-color:#DEA36F;
}
DIV {
font-family: Arial;
font-size: 11pt;
color: #7C5747;
}
BODY{scrollbar-face-color: #DEA36F;
scrollbar-track-color: #DEA36F;
scrollbar-shadow-color: #DEA36F;
scrollbar-darkshadow-color:#F2D0B1;
scrollbar-highlight-color: #F2D0B1;
scrollbar-3dlight-color: #F2D0B1;
scrollbar-arrow-color:#DEA36F;
}
A:visited {color:#7C5747;text-decoration:none;cursor:crosshair;font-weight:bold;}
A:hover {color:#7C5747; border-bottom-style:dashed; border-bottom-color:#7C5747; border-bottom-width:thin; text-decoration:none;cursor:crosshair;}
A:link {color:#7C5747;text-decoration:none;cursor:crosshair;}
A:active {color:#7C5747;text-decoration:none;cursor:crosshair;}

.head {font-family:verdana;
font-size:14pt;
color:#7C5747;
border-bottom-style:dashed;
border-width:1px;
border-color:#7C5747;}-->

=O; Any ideas with what I'm doing wrong?

Where did you read that direction: flips the scroll bar? All it's supposed to influence is text direction.

^^; It's only supposed to influence text direction? I tried the direction:rtl in IE and the scroll bar was moved to the other side of the page as well. (see picture) Of course, if that's just it's funky function that only works in IE, then I'm fine just letting it behave the way it does now in Firefox.

EDIT: Took out the "ltr" code in my div layer that made the text display correctly and the "rtl" code was working on the text. Stupid IE and it's stupid IE only stuff...*grumbles*

You have NO idea how often I've grumbled same...