Hi there,

We have developed a site that must work for both Left To Right and Right To Left cultures.

The site has a 3 column layout with a fluid center column, using the technique described at http://www.alistapart.com/articles/holygrail/

Essentially on the RTL layout I need to swap the left and right columns over. I have achieved this up until I add padding to the center column, and then it only works on firefox and not chrome.

So the question is, what CSS is required to swap the left and right columns over on the example here?

Many thanks Ben

3 answers

0
points

You just have to swap the #left and #right column styles. If possible, determine the language server-side and add an "rtl" class to the HTML or BODY element. Then you can do this:

.rtl #left {
right div styles go here...
}

.rtl #right {
left div styles go here...
}
Answered about 6 years ago by Rob Flaherty
0
points

I don't have a problem with determining whether the culture is RTL. The point is that I am unable to change the markup of the page so must swap the columns over using just CSS. So I want to know what that CSS is.

Answered about 6 years ago by Ben Foster
Sisira 95
0
points

The best way to create a mutilininguial web site with Arbebic language in mind for RTL is create the three column layout in table. and use DIR="RTL"

Answered about 6 years ago by Sisira