我设计了这个网站,但我无法以适合 firefox/Linux 操作系统用户正确呈现的方式放置元素 ( div#endinglogo )。
我在 Windows 7 中使用所有浏览器,虽然设计在我的操作系统中的 firefox 中看起来应该是这样,但我对修复 firefox/Linux 的猜测没有奏效。
我的问题是给元素 div#endinglogo 适当的边距是多少,以使其出现在应有的位置。
我在下面附上了两张图片。
第一个显示了我希望标题的外观: http://postimage.org/image/rsd27dvo/
第二个显示了当我使用 linux 操作系统时它是如何出现在浏览器 firefox 中的: http://postimage.org/image/rtgr3pqc/
我有一个提供 firefoxLinux.css 文件的 php 文件,或者至少这是意图。当您通过 firefox/linux 看到这个网站时,是否正在加载这个文件?
谢谢你的帮助
最佳答案
在您的 firefox.css
中,您的 div#endinglogo
有一个不同的负上边距。使其成为 -110px
(就像它在您的 chrome.css
文件中一样)并且它应该可以工作。
不过,在相关的旁注中,您为什么要为不同的浏览器创建多个样式表?对于大多数事情,有跨浏览器和操作系统一致工作的解决方案,只有在少数情况下你需要特殊的样式(即对于 IE,可能是一些旧版本的 firefox)。我认为如果你要巩固你的风格,你会遇到更少的问题。当然,这只是我的两分钱。
关于带有 Linux 操作系统的 Firefox 的 css 元素边距,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7535304/