IE / moz / opera中的导航菜单放置不同 [英] nav menu placement different in IE/moz/opera
问题描述
在Moz 1.7.12和Opera 8.54中查看我的网站，导航菜单会在内容区域中输入
，但它似乎在IE 6.0中正确显示。在
浏览器之间，导航菜单显示的左边距
（填充？）有明显差异，IE显示预期的间距。
菜单似乎在Moz / Opera中向右移动并推入
主页数据。
我想要导航菜单位于左浮动块的中心，并且具有大约250像素宽的整个物品。这个导航菜单是一个修改过的版本
来自alistapart的一个。
有人可以查看我的网站，查看CSS，并告诉我我在哪里
搞砸了。我对样式表相当新，我可能会错过
对于经验丰富的人来说很明显的东西。
http://www3.ns.sympatico.ca/gilservices/
CSS是在... / pagefile / gil.css
我会感谢任何帮助，
Gil
Viewing my site in Moz 1.7.12 and Opera 8.54, the nav menu intrudes into
the content area, but it seems to display correctly in IE 6.0. Between
browsers, there is a marked difference in the displayed left margin
(padding?) of the navigation menu, with IE showing the intended spacing.
The menu appears to be shifted right in Moz/Opera and pushes into the
main page data.
I wanted the nav menu centered in the left floated block and have the
whole thing about 250 pixels wide. This nav menu is a modified version
of one from alistapart.
Can someone look at my site, check out the CSS, and show me where I
screwed up. I am fairly new to style sheets, and I might be missing
something that would be obvious to a more experienced person.
http://www3.ns.sympatico.ca/gilservices/
the CSS is at .../pagefile/gil.css
I would be thankful for any help,
Gil
推荐答案
为了进一步培养人类，gil< gi *********** @ ns.sxympatico.ca>
vouchsafed：
To further the education of mankind, gil <gi***********@ns.sxympatico.ca>
vouchsafed:
在Moz 1.7.12和Opera 8.54中查看我的网站，导航菜单进入内容区域，但它似乎在IE 6.0中正确显示。在
浏览器之间，导航菜单显示的左边距
（填充？）有显着差异，IE显示预期的间距。
菜单似乎是在Moz / Opera中向右移动并推入
主页数据。
我希望导航菜单位于左浮动块的中心，并且整个事物大约250像素宽。这个导航菜单是来自alistapart的修改版本。
有人可以查看我的网站，查看CSS，并告诉我我搞砸了哪里。我对样式表相当新，而且我可能会遗漏那些对于经验丰富的人来说显而易见的事情。
http://www3.ns.sympatico.ca/gilservices/
CSS位于... / pagefile / gil .css
Viewing my site in Moz 1.7.12 and Opera 8.54, the nav menu intrudes into
the content area, but it seems to display correctly in IE 6.0. Between
browsers, there is a marked difference in the displayed left margin
(padding?) of the navigation menu, with IE showing the intended spacing.
The menu appears to be shifted right in Moz/Opera and pushes into the
main page data.
I wanted the nav menu centered in the left floated block and have the
whole thing about 250 pixels wide. This nav menu is a modified version
of one from alistapart.
Can someone look at my site, check out the CSS, and show me where I
screwed up. I am fairly new to style sheets, and I might be missing
something that would be obvious to a more experienced person.
http://www3.ns.sympatico.ca/gilservices/
the CSS is at .../pagefile/gil.css
我相信问题在于你使用float的方式：左边的
#nav div。浮点数很棘手，并且它不是显而易见的，显然
你知道你在做什么，我可以从代码中看出来。你可以试试
将#nav _after_放在容器中的其他内容，但我会...
一个简单的解决方法是使用位置：绝对;在#nav。
-
Neredbojias
Infinity有其限制。
I believe the problem is the way in which you are using float:left on the
#nav div. Floats are tricky and it isn''t something obvious, and obviously
you know what you''re doing as I can tell from the code. You could try
placing #nav _after_ the other content in the container, but I''d...
An easy fix is to use position:absolute; on #nav.
--
Neredbojias
Infinity has its limits.
gil写道：
菜单似乎在Moz / Opera中向右移动并推入
主页数据。
The menu appears to be shifted right in Moz/Opera and pushes into the
main page data.
您发现了问题？布局在这里看起来还不错。
-
jmm（连字符）列表（at）sohnen-moe（点）com
（删除.AXSPAMGN的电子邮件）
You found the problem? The layout looks okay here.
--
jmm (hyphen) list (at) sohnen-moe (dot) com
(Remove .AXSPAMGN for email)
不，还没有解决它。
在IE中，主页看起来像是
[____MENU____HOMEPAGE_____etc。
但是在Mozilla和Opera中看起来好像是
[___________MENUHOMEPAGE_____etc。
它实际上将主页的文本推到右边，而菜单旁边是
，然后改为菜单下面的正确边距。
问题肯定与屏幕分辨率无关。同样的问题
1024 x 768 1280 x 1024.
Gil
约2006/04 / 22 17:30，Jim Moe输入了这些字符：
No, haven''t solved it yet.
in IE, the homepage looks like
[____MENU____HOMEPAGE_____etc.
but in Mozilla and Opera it looks like
[___________MENUHOMEPAGE_____etc.
It actually pushes the text of the main page to the right while
alongside the menu, and then reforms to the correct margin below the menu.
Problem is definitely not related to screen resolution. Same problem
1024 x 768 as at 1280 x 1024.
Gil
At approximately 2006/04/22 17:30, Jim Moe typed these characters:
gil写道：
gil wrote:
菜单似乎在Moz / Opera中向右移动并推入
主页数据。
The menu appears to be shifted right in Moz/Opera and pushes into the
main page data.
你发现了问题？布局在这里看起来没问题。
You found the problem? The layout looks okay here.
这篇关于IE / moz / opera中的导航菜单放置不同的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
