Hi All,

I have a Multi language site.I don,t problem with English (LTR languges) but i have problem with RTL languge like Farsi in IE. When curser moves on title page, the content shift to left. Please you see www.pmkmfg.com/fa in both Firefox and Explorer and move curser on titles.
I play around with padding and margin values of. NodeTitle,. PageTitle section but don’t solve my problem and curser destroy my page in IE. Please find attach (style-rtl.css)

http://drupal.org/files/issues/style-rtl.txt

Thanks in advance!

Comments

amir abbas’s picture

hi tavousi
i thinks its another IE bug.
read these articles. i think these articles can help you a lot

http://www.webmasterworld.com/forum83/4970.htm
http://archivist.incutio.com/viewlist/css-discuss/50968
http://www.positioniseverything.net/explorer/threepxtest.html
http://www.positioniseverything.net/explorer/italicbug-ie.html

you need to add height to your floated elements in the page.
in your case adding this rules to styles-rtl.css can solve the problem

* html #primaryContent {
height: 1%;
}

because we are using * before HTML tag, just IE6 and older versions can interpret this code.
i checked it. it will solve your problem

______
www.persia-cms.com
سئو ، طراحی وب ، موبایل ، نرم افزار

gausarts’s picture

i am not sure if this solution is perfect, but turns out ok both for FF and IE, LTR and RTL. beware, i haven't calculated total margin and padding values and hack them for IE. it at least reduced that huge shift to the left.

in the columns ID set margin-right to -42em;

or better place it separately after #columns:
#html #columns {margin-right:-42em!important}

this seems reduced that gap on RTL.

the inconsistent use of px and em in columns and sidebarRight seems to cause the problem. for further hack you have to google horizontal styling for IE. they calculate differently than the right browser. anyway, consulting the theme developer should ease your problem.

love, light n laughter
gausarts.com

love, light n laughter

tavousi’s picture

Hi Mr.Abdolali

I add this folow

* html #primaryContent {
height: 1%;
}

and solve problem of Shifting Text, just the same it causes another problem. unfortunately my sidebar shift down.
also *{zoom:1.0} is same.

my site has bug still.
please help ASAP.

I visited your site and read your book they are important works honestly.

amir abbas’s picture

hi
i spent a few minutes for finding the problem. i was not successful. IE has lot of bugs. you can read about all IE bugs in http://positioniseverything.net/explorer.html . please wait for others to answer this question
______
www.persia-cms.com
سئو ، طراحی وب ، موبایل ، نرم افزار