自FireFox 4以来的菜单填充问题

时间:2011-09-02 23:28:00

标签: html css firefox menu

我在这里检查了其他问题,但我找不到任何可以帮助我的事情。

自从FireFox 4发布以来,我的网站上的菜单一直存在问题。

www.ffxivinfo.com

如您所见,菜单应该适合小图形按钮,以便每个链接都在“按钮”上。在Chrome,IE8(未检查9)和FireFox 3.5中,这看起来很完美。但是,由于FireFox 4显示错误。

看起来这是一个填充问题,但我无法弄清楚它来自哪里。我甚至删除了每个链接之间的填充,使它们靠近在一起(0填充),但FireFox 4+中的菜单仍然比其他浏览器更向右延伸。

我使用purecssmenu.com提供的自动生成的菜单,我修改它以适合我自己的网站。

以下是导航代码的链接,我使用PHP include来插入它。 http://www.ffxivinfo.com/nav.php

这里是CSS的链接。 http://www.ffxivinfo.com/navstyle.css

基本上我需要导航在所有浏览器中看起来都一样,以便它适合图形“按钮”。我很想废弃当前的设计并使用简单的渐变背景,并且在FireFox 4+中使菜单比其他浏览器更宽,但这有点失败。

非常感谢任何帮助。这是编码问题第一次将我送到论坛寻求帮助,但我无法弄明白这一点。

3 个答案:

答案 0 :(得分:0)

我认为问题不在您的边缘,而是由于浏览器之间文本呈现的差异。在这种情况下,Firefox正在将文本渲染得更宽。

如果我可以建议一个替代方案,而不是使用图像背景并希望像素完美渲染(考虑到浏览器和操作系统的多样性,这很不可能)尝试使用背景颜色和边框设置链接本身的样式-radius。

答案 1 :(得分:0)

我没有在FF6中看到问题。但是,我看到你用pt指定你的字体大小。 pt用于打印,而不是网页。尝试将其更改为px,看看是否能解决您的问题。

答案 2 :(得分:0)

我可能会忽略Firefox 4问题。

FF现在是版本6.

您的问题没有出现在FF3.5(使用最广泛的FF)或FF6中,两者的浏览器份额都比FF4多。

http://gs.statcounter.com/#browser_version-ww-monthly-201008-201108-bar