From:  ashkaan57@hotmail.com
Date:  19 Sep 2006 00:01:13 Hong Kong Time
Newsgroup:  news.mozilla.org/netscape.public.mozilla.layout
Subject:  

Re: page looks crooked in Mozilla

NNTP-Posting-Host:  70.108.241.50

ashkaan57@hotmail.com wrote:
> 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 
id="header" is contained within
> English pages: > > Container 800px, relative > Header (relative, 800x226) > Logo (absolute, 150x100, top:82, left:550) > key_visual (absolute, 437x127, top:82, left:86) > > container1 (800px) > left_column > left_column_container (padding:0; margin:0) > main_nav_container (margin: 30px 0 0 0) > > main_container (padding:0 20px 0 60px), relative > layout_table (relative) > right_column (500x475) > > sub_container2 (padding:18 0 20 > 5px), 495 > slogan (margin: 0 0 > 10px 0) > content_container > (490px) > > footer (800x120, margin:0, padding:0) > footer_line (margin:0 0 0 195) 500x40 > footer_text (margin:10 0 0 25) > > Farsi version: > > container (800px, relative) > header (relative, 800x226) > logo (absolute, 437x127, top:82, left:86) > key_visual (absolute, 437x127, top:82, left:263) > > container1 (800px) > main_container (padding:0 60px 0 20px) > layout_table (relative) > right_column (500x475) > > sub_container2 (495px, > padding:18 0 20 5) > slogan (padding: 0 0 10 > 0) > content_container > (490px) > > left_column > left_column_container > main_nav_container (margin: 30 > 12 0 0) > > Footer (800x120) > footer_line (margin:0 195 0 0) 500x40 > footer_text (margin: 10 25 0 0) > > The pages: > http://www.legalpersian.com/en/home.aspx (in English) > http://www.legalpersian.com/fa/home.aspx (in Farsi) A bit of more information. I found that if I change the right padding in the following from 60px to 0, in IE it shifts the menu 60 pixels to the right but nothinh happens in FF: container1 (800px) main_container (padding:0 60px 0 20px)