Css – Website in right-to-left languages (Arabic, Hebrew)

cssright-to-leftstylesheettranslation

I currently developing a multi-language interface for a Django project. But when I started to work on Arabic and Hebrew languages, I noticed all pages messed up after dir="rtl" to html tag (according to instructions on http://www.w3.org/International/tutorials/bidi-xhtml/)

Does that mean I need separate stylesheets for right-to-left languages?

Best Answer

Do not put the style attribute to the html tag.

Use the dir='rtl' attribute only inside the div's where you actually use Arabic and Hebrew. Not for the entire page.

Related Solutions

Html – Slide right to left

$("#slide").animate({width:'toggle'},350);

Reference: https://api.jquery.com/animate/

Html – How to align 3 divs (left/center/right) inside another div

With that CSS, put your divs like so (floats first):

<div id="container">
  <div id="left"></div>
  <div id="right"></div>
  <div id="center"></div>
</div>

P.S. You could also float right, then left, then center. The important thing is that the floats come before the "main" center section.

P.P.S. You often want last inside #container this snippet: <div style="clear:both;"></div> which will extend #container vertically to contain both side floats instead of taking its height only from #center and possibly allowing the sides to protrude out the bottom.

Best Answer

Related Solutions

Html – Slide right to left

Html – How to align 3 divs (left/center/right) inside another div

Related Topic