????? ???? wrote: > Hello! I've just subscribed here. > > > > I've been working on some project of transforming LTR design into a > RTL(Right-To-Left) design. > > It seems like even when I set the direction to rtl, > background-position: Xpx Ypx seems to count X pixels from the left-top > corner and not from the right-top corner. > > I've looked for ways to overcome this but only thing I've found is > making an extra DIV to hold it which is in my opinion isn't an ideal > solution. > > I've wondered if you might have a better solution.
As Yucca has already stated, positioning schemes (absolute, fixed) or the positioning of background images is different to the rtl text flow of bidirectional text. I will draw your attention to differences in handling of rtl bidirectional text in the various browsers. <http://css-class.com/test/bugs/ie/8-beta/rtl-script-peekapoo.htm> Even thought IE8 does not have this bug now, the horizontal scrollbar is positioned to the left of the viewpoint just like IE7- and Opera. Firefox and Safari shows the horizontal scrollbar positioned to the right. With IE7-, many hacks have to be created due to issues like text-align in rtl text flow (note the missing links in IE7- in the above test case). Please narrow the window (in the above test case) to produce a vertical scrollbar. Safari 4 seems to show the contents disappearing out to the left just like in this test case. <http://css-class.com/test/bug/float-right-left-edge-hidden.htm> But this is since the element is floated right. In rtl text flow, elements floated right should work like elements floated left in ltr text flow and visa verso, in ltr text flow, elements floated right should work like with elements floated left rtl. Either the overflow of the contents is shown (producing a horizontal scrollbar) or hidden. The reason that this is important is that the <body> element must behave like an overflow container. <http://www.w3.org/TR/CSS21/visuren.html#direction> "This property specifies the base writing direction of blocks and the direction of embeddings and overrides (see 'unicode-bidi') for the Unicode bidirectional algorithm. In addition, it specifies the direction of table column layout, the *direction of horizontal overflow*, and the position of an incomplete last line in a block in case of 'text-align: justify'." To be very direct, *the specs do not specify exactly what should happen with bidirectional text*. Take absolute positioning as another example. If we give the style, div.ap {left: -10000px;} then the element should be hidden. If we give this style,. div.ap {left: 10000px;} then the <body> should expand to contained the absolute positioned element far to the right. With rtl text flow, the reverse should be true. -- Alan http://css-class.com/ Armies Cannot Stop An Idea Whose Time Has Come. - Victor Hugo ______________________________________________________________________ css-discuss [[email protected]] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
