Sat, 2010-08-28 13:23
Hi All,
I am facing some issue regarding RTL(Right to Left) for a Hebrew language, it is not rendering properly in IE but in mozilla and other browsers except IE. Below is the link for the same.
http://www.htmlartists.com/demo/smartjob/index.html
Please help me out with this 
. Thanks in advance.
Cheers.....
Sun, 2010-08-29 13:03
#1
Make the page RTL.
You aren't actually doing anything RTL as far as the page settings at all. Though I remember IE6 getting the scrollbars and floats entirely wrong with an earlier version of the Persian-language page I mention further down.
http://www.w3.org/TR/html401/struct/dirlang.html#h-8.2
I would add the dir attribute to your opening HTML tag, as well as lang="he" for screen readers and any other user agents who check there for document language settings.
<html lang="he" dir="rtl">
http://www.w3.org/TR/i18n-html-tech-bidi/
This should show you something that works in most browsers including IE6, but IE6 has bugs and you can't do much about them.
While it's not recommended to use "direction: rtl" in your CSS, you may want to know about it for any browsers who simply screw something up.
http://www.w3.org/TR/CSS21/visuren.html#direction
"Bidi" (for when you have Latin text that must go back to LTR) in CSS I seem to remember webkit was very, very buggy with it. (Safari and Chrome) However, that was back with Safari 3 and Chrome 1, I dunno if those are fixed.
Here's a Persian-language site that makes proper use of rtl in the html tag (but improper use of the xml:lang (why he set it to English??) and the meta tag stating the charset and content-type should ALWAYS be the first tag in the <head>!) and he uses it in the CSS for particular inline elements.
Make your browser smaller and see how proper scrollbars SHOULD behave, not like yours do! Your scrollbars should scroll to the LEFT.
You can see in his HTML that he didn't have to put his source code backwards, but could just write however he wanted. Boxes will want to hug the top right corner instead of the top left corner, so that could save you a lot of floatR elements.
Use logical order, not visual ordering for Hebrew, and choose an appropriate encoding.
Also
If you have to use an ISO encoding for a Hebrew page, declare the encoding as ISO-8859-8-i rather than ISO-8859-8.
(or, use utf-8). You're still using the old 8859-8 setting.