Creating rtl themes

We encourage users to post events happening in the community to the community events group on https://www.drupal.org.
kramazeek's picture

Hello everyone,
I am currently working on a base theme and am looking into adding rtl support. Has anyone else had major issues with ie6,ie7, and ie8 while using something like:

body { direction: rtl; }

Applying the direction attribute to the html or body tag seems to cause a lot of issues in earlier versions of ie. I ended up using doing this:

/* apply rtl to the html tag so the scrollbar is on the correct side /
html {
direction: rtl;
}
/
set the language direction back to left to right to avoid breaking the layout in ie. /
body {
direction: ltr;
}
/
apply rtl directly to all tags that may contain text */
p,form,input,h1,h2,h3,h4,h5,h6,span { direction: rtl; text-align: right; }

Has anyone encountered issues with ie while using direction: rtl? Am I missing something obvious? Is there any easier work-around anyone might recommend? Thanks for any help!

Comments

In the RTL themes I usually

tsi's picture

In the RTL themes I usually see the directionality is given to body (only) and not to html.
I suggest taking a look at tendu which is one of the best RTL themes made for D6 with solid support for broken browsers :)
I have an index of RTL themes on http://rtl-themes.co.il that might give you some ideas on how the common problems are being usually solved, it's in Hebrew so if you find it hard to navigate the themes list is here.
Good luck anyway, RTL and IE is a real PITA !

check this site

rami.sedhom's picture

One of the good sites for RTL support is: http://rtl-this.com/

Nice to meet you. Please

ouyu's picture

Nice to meet you. Please increase the number of visitors by the blog of Japan. First of all, please look at my site. A lot of visitors will always visit your blog.

http://freedownload.blog.fc2.com/blog-entry-1.html

Arabization

Group organizers

Group notifications

This group offers an RSS feed. Or subscribe to these personalized, sitewide feeds:

Hot content this week