|
|
Posted by ashkaan57 on 11/11/54 11:58
Neredbojias wrote:
> To further the education of mankind, ashkaan57@hotmail.com vouchsafed:
>
> > The web site in question is in two languages, one in English and the
> > other in Farsi
> > (Persian) which is a right-to-left language. The Farsi pages are mirror
> > images of the English, for example the menu is on the right, ...
> > So, I used two stylesheets, with the same info, and changed the right
> > and left
> > properties (i.e. the left-margin:20px in English version changed to
> > right-margin:20px in farsi version).
> > It works fine in IE in both languages. In Mozilla, the English version
> > works fine but the Farsi version looks crooked. the menu and everything
> > else is shifted to the left. I spent a couple of days trying to figure
> > out what is wrong and I can't (being new to CSS). I would GREATLY
> > appreciate any assistance.
> > I am not sure if this is appropriate or if it helps but here is the
> > structure of the pages using CSS (the indentations imply <div
> > id="header" is contained within <div id="container", ...):
> ...
> > The pages:
> > http://www.legalpersian.com/en/home.aspx (in English)
> > http://www.legalpersian.com/fa/home.aspx (in Farsi)
>
> Looks okay to me except for some kind of padding/margining problem at the
> left of the Farsi version. You could maybe mirror-image the pic of the
> book.
>
> --
> Neredbojias
> Infinity has its limits.
Thanks for the reply Neredbojias. I did use mirror imaging on Farsi
pages. If you look at the top part of the page, you see that logo and
image are on the opposite side of the page, as compared to English
version.
One peculiar thing is the if I change the padding in the main_container
from 60px to 0, in IE the menu gets shifted to the right by 60px, it
almost falls off the image of the book, but in FF nothing happens; it
just stays where it is. (main_container is where the manu and content
are; it is the "parent" container. I listed the hierarchy in original
post.)
container1 (800px)
main_container (padding:0 60px 0 20px)
layout_table (relative)
Navigation:
[Reply to this message]
|