带有 Linux 操作系统的 Firefox 的 css 元素边距

Question

我设计了这个网站，但我无法以适合 firefox / Linux 操作系统用户的方式放置元素 ( div#endinglogo )。

http://motivacionenlinea.com/

我正在使用 Windows 7 中的所有浏览器，尽管该设计在带有我的操作系统的 firefox 中看起来应该如此，但我修复 firefox/Linux 的猜测没有奏效。

我的问题是给元素 div#endinglogo 以使其出现在它应该出现的位置的适当边距是多少。

我在下面附上了两张图片。

第一个显示我希望标题的外观： http://postimage.org/image/rsd27dvo/

第二个显示当我使用 linux 操作系统时，我被告知它出现在浏览器 firefox 中： http://postimage.org/image/rtgr3pqc/

我有一个提供 firefoxLinux.css 文件的 php 文件，或者至少这是我的意图。当你通过firefox/linux看到这个网站时，是否正在加载这个文件？

感谢您的帮助

Answer 1

在您的firefox.css 中，您的div#endinglogo 具有不同的负上边距。将其设为-110px（就像在您的chrome.css 文件中一样），它应该可以工作。

在相关的旁注中，您为什么要为不同的浏览器创建多个样式表？对于大多数事情来说，有一些解决方案可以在浏览器和操作系统之间始终如一地工作，并且只有在少数情况下您需要特殊样式（即对于 IE，可能是一些旧版本的 firefox）。我认为如果你要巩固你的风格，你会遇到更少的问题。当然，这只是我的两分钱。