在不同浏览器中的不同对齐方式

我有一个导航菜单，它是一系列的div，或者是带菜单链接的div，然后是一个包含2px宽“分隔栏”图像的“菜单分隔符”div。分隔符div的宽度是24px，因此它们形成适当的分隔。在不同浏览器中的不同对齐方式

上的一些“菜单链接”中的div我有一个普通悬停下拉与<\li>的等使用jQuery，我做<\li>的宽度的在下拉列表中选择相同的宽度菜单上其父DIV ，然后我添加24px（所以它扩展并对齐2分隔div的分隔图像）并添加左侧定位，以便看起来下拉的边框从分隔条延伸。

在Firefox中，一切都很好。但在Chrome和IE浏览器中，有时很好，有时并不是：根据下拉菜单中主菜单链接div的内容，有时下拉列表有时候会有一个像素错位，有时像10像素。在FF中，每次都显示正确，无论菜单链接div的内容如何。在IE和Chrome中，这取决于内容。例如。菜单链接div中的“Artwork”可能意味着该下拉菜单完美排列，但随后在同一个div中的“Artwork Shop”可能意味着该下拉菜单会关闭一两个像素。但在FF中一切正常......

有没有人有任何建议，为什么这可能是，或者可能是一个修复？浏览器是否显示不同像素的不同字母？由于某种原因，IE/Chrome比jQuery获得了不同的宽度吗？

我的代码是有点乱，包含图像，而不是在网络上还没有，所以我不能轻易展示的例子可是...

编辑：你可以看到一个例子，以及它如何不会在所有浏览器中显示相同内容，并且其内容不同：http://jsfiddle.net/jaslfpihdaddle/aFAF9/7/。我希望有人会告诉我自己有多愚蠢，阅读手册，而且这些都很容易修复！ ;）

来源

2012-01-05 user1039769

欢迎来到web开发！尽管没有代码，但我们没有太多的帮助。 – 2012-01-05 08:22:45

将代码添加到pastebin.com。也许CSS是问题...我不能给你一个判断你的麻烦:) – 2012-01-05 08:25:54

检查[this]（http://meta.stackexchange.com/questions/18584/how-to-ask-a-smart-问题）知道如何很好地问一个问题..并创建一个[jsfiddle]（http://www.jsfiddle.com）链接，如果你问'css'，''javascript'或浏览器相关的问题。 – 2012-01-05 09:39:13

问题是，保证金：汽车在IE中毁了它。所以我打算让jQuery使下拉的中心位于页面的中心而不是margin：auto，并且一切都会好的！ :)

（但IE浏览器仍然获得不同的宽度（）到FF，Chrome和Safari ...）

来源

2012-01-12 16:13:35 user1039769

在不同浏览器中的不同对齐方式

回答

相关问题