页面在Mozilla看起来很歪 [英] Page looks crooked in Mozilla
问题描述
该网站有两种语言，一种是英语，另一种是波斯语
（波斯语），这是一种从右到左的语言。所以，我使用了两个
样式表，使用相同的信息，并更改了左右边缘
属性（即左边距：英文版的20px更改为
右边距：波斯语版本的20px）。
在两种语言的IE中都能正常工作。在Mozilla中，英文版
工作正常，但波斯语版看起来很歪。菜单和所有内容
else向左移动。我花了几天的时间试图弄清楚出错了什么，我不能（不熟悉CSS）。我会很高兴
感谢任何帮助。
我不确定这是否合适或是否有帮助，但这里是
结构的使用CSS的页面（缩进暗示< div
id =" header"包含在< div id =" container"，...中）：
英文页面：
容器800px，相对
标题（相对，800x226）
标识（绝对值，150x100 ，上：82，左：550）
key_visual（绝对值，437x127，上：82，左：86）
container1（800px）
left_column
left_column_container（填充：0;保证金：0）
main_nav_container（保证金：30px 0 0 0）
< ; Flash菜单>
main_container（填充：0 20px 0 60px），相对
layout_table（相对）
right_column（500x475）
< aps_content_placeholder>
sub_container2（填充：18 0 20 5px），495
口号（保证金：0 0 10px 0）
content_container（490px）
页脚（800x120，页边距：0，填充：0）
footer_line（页边距：0 0 0 195）500x40
footer_text（保证金：10 0 0 25）
波斯语版本：
容器（800px，相对）
标题（相对，800x226）
标志（绝对值，437x127，上限：82，左：86）
key_visual（绝对值，437x127，上限：82，左：263）
container1（800px）
main_container（填充：0 60px 0 20px）
layout_table（relative）
right_column（500x475）
< aps_content_placeholder>
sub_container2（495px，填充：18 0 20 5）
标语（填充：0 0 10 0）
content_container（490px）
left_column
left_column_container
main_nav_container（保证金：30 12 0 0）
< menu>
页脚（800x120）
footer_line（保证金：0 195 0 0 ）500x40
footer_text（保证金：10 25 0 0）
页面：
http：//www.legalpersian .com / zh / home.aspx （英文）
http://www.legalpersian.com/fa/home.aspx （在波斯语中）
Am 13.09.2006 19:45 schrieb as*******@hotmail.com ：
该网站有两种语言，一种是英语，另一种是波斯语
（波斯语），这是一种从右到左的语言。所以，我使用了两个
样式表，使用相同的信息，并更改了左右边缘
属性（即左边距：英文版的20px更改为
右边距：波斯语版本的20px）。
在两种语言的IE中都能正常工作。在Mozilla中，英文版
工作正常，但波斯语版看起来很歪。菜单和所有内容
else向左移动。我花了几天的时间试图弄清楚出错了什么，我不能（不熟悉CSS）。我会很高兴
感谢任何帮助。
我不确定这是否合适或是否有帮助，但这里是
结构的使用CSS的页面（缩进暗示< div
id =" header"包含在< div id =" container"，...中）：
....
页面：
http://www.legalpersian.com/en/home.aspx （英文）
http://www.legalpersian.com/fa/home.aspx （在波斯语中）
至少你的Javascript似乎有些错误 - 当你加载
页面时，我看到+40错误（AniMenu_DoFSCommand未定义）一些匿名
函数）。 CSS没有验证。尝试修复错误。
Christian Kirsch写道：
Am 13.09 .2006 19:45 schrieb as*******@hotmail.com ：
该网站有两种语言，一种是英语，另一种是波斯语
（波斯语），这是一种从右到左的语言。所以，我使用了两个
样式表，使用相同的信息，并更改了左右边缘
属性（即左边距：英文版的20px更改为
右边距：波斯语版本的20px）。
在两种语言的IE中都能正常工作。在Mozilla中，英文版
工作正常，但波斯语版看起来很歪。菜单和所有内容
else向左移动。我花了几天的时间试图弄清楚出错了什么，我不能（不熟悉CSS）。我会很高兴
感谢任何帮助。
我不确定这是否合适或是否有帮助，但这里是
结构的使用CSS的页面（缩进暗示< div
id =" header"包含在< div id =" container"，...）中：
...
页面：
http://www.legalpersian.com/en/home.aspx （英文）
http://www.legalpersian.com/fa/home.aspx （在波斯语中）
至少你的Javascript似乎有些错误 - 当你在页面加载
页面时看到+40错误（某些人没有定义AniMenu_DoFSCommand）匿名
函数）。 CSS没有验证。尝试修复错误。
感谢回复Christian。
我打开Firefox的Javascript控制台，然后打开页面，但不要
看到任何错误。此外，当我打开页面时，他们不会弹出任何
错误。你是如何设法列出错误的？
Am 14.09.2006 16:24 schrieb 作为******* @ hotmail.com ：
Christian Kirsch写道：
< blockquote class =post_quotes>
> Am 13.09.2006 19:45 schrieb as ******* @ hotmail.com ：
>>该网站有两种语言，一种是英语，另一种是波斯语
（波斯语）这是一种从右到左的语言。所以，我使用两个
样式表，使用相同的信息，并改变了左右边缘的属性（即左边距：英文版的20px改为
右边距：20px in波斯语版。
它在两种语言的IE中都能正常工作。在Mozilla，英文版
工作正常，但波斯语版看起来很歪。菜单和其他一切都转移到了左边。我花了几天时间试图弄清楚出了什么问题，我不能（不熟悉CSS）。我非常感谢您的帮助。
我不确定这是否合适或是否有用但是这里是使用CSS的页面的结构（缩进意味着< div
id =" header"包含在< div id =" container"，...）中：
...
>>页面：
http://www.legalpersian.com/en/home.aspx （英文）
http://www.legalpersian.com/fa/home.aspx （在波斯语中）
至少你的Javascript似乎有问题 - 我在页面加载时看到+40错误（在某些匿名
函数中未定义AniMenu_DoFSCommand）。 CSS没有验证。尝试修复错误。
感谢回复Christian。
我打开Firefox的Javascript控制台，然后打开页面，但不要
将光标移到菜单上（
farsi版本中没有显示任何文字）。这会导致Javascript错误。
看到任何错误。此外，当我打开页面时，他们不会弹出任何
错误。你是如何设法列出错误的？
正如我所说：CSS没有*验证*。使用验证器
http://jigsaw.w3.org/css -validator /
波斯版现在似乎没问题了（你有没有改变什么），
英文版还有一个警告，虽然。
The web site is in two languages, one in English and the other in Farsi
(Persian) which is a right-to-left language. 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", ...):
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)
<Flash menu>
main_container (padding:0 20px 0 60px), relative
layout_table (relative)
right_column (500x475)
<aps_content_placeholder>
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)
<aps_content_placeholder>
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)
<menu>
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)
Am 13.09.2006 19:45 schrieb as*******@hotmail.com:The web site is in two languages, one in English and the other in Farsi
(Persian) which is a right-to-left language. 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)
At least your Javascript seems to be buggy - I see +40 errors when you
page loads ("AniMenu_DoFSCommand is not defined" in some anonymous
function). The CSS does not validate. Try fixing the errors.
Christian Kirsch wrote:Am 13.09.2006 19:45 schrieb as*******@hotmail.com:The web site is in two languages, one in English and the other in Farsi
(Persian) which is a right-to-left language. 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)At least your Javascript seems to be buggy - I see +40 errors when you
page loads ("AniMenu_DoFSCommand is not defined" in some anonymous
function). The CSS does not validate. Try fixing the errors.Thanks for the reply Christian.
I open Firefox''s Javascript console and then open the pages but don''t
see any errors. Also, when I open the pages, they don;t pop up any
errors. How did you manage to have the errors listed?
Am 14.09.2006 16:24 schrieb as*******@hotmail.com:Christian Kirsch wrote:>Am 13.09.2006 19:45 schrieb as*******@hotmail.com:>>The web site is in two languages, one in English and the other in Farsi
(Persian) which is a right-to-left language. 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)
At least your Javascript seems to be buggy - I see +40 errors when you
page loads ("AniMenu_DoFSCommand is not defined" in some anonymous
function). The CSS does not validate. Try fixing the errors.
Thanks for the reply Christian.
I open Firefox''s Javascript console and then open the pages but don''tMove your cursor over the menu (which doesn''t show any text in the
farsi version). This gives Javascript errors.
see any errors. Also, when I open the pages, they don;t pop up any
errors. How did you manage to have the errors listed?As I said: The CSS does not *validate*. Use the validator at
http://jigsaw.w3.org/css-validator/
The Farsi version seems to be ok now (did you change anything),
there''s still one warning in the english version, though.
这篇关于页面在Mozilla看起来很歪的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
