我正在制作一个网站，当我在safari中预览它时。事实证明，正如我想要的那样。但是当我用firefox测试它时。
在我的页面中，我有一个使用
在页面上对齐的元素Padding-left和Margin-top。当我在safari中预览时，它的效果非常好。但是当我在firefox中打开文件时。元素的Margin-top增加了几个像素。
我如何编码我的css文件，以便我可以为不同的浏览器使用相同的页面。我曾尝试在网上寻找解决方案，但到目前为止，他们都没有帮助解决这个问题。
回复将非常感谢。
答案 0 :(得分：0)
明确指定所有四个边距和所有四个填充值。这将消除浏览器内置默认样式表中的差异。
答案 1 :(得分：0)
为什么您的布局不能跨浏览器兼容，可能有几个原因，因此需要大量的标记信息和CSS来确定如何帮助您编写100％的代码W3C有效网页。
我建议您使用蓝图或960这样的CSS框架作为布局，这样就可以减少问题。这是启动和维护项目的好方法，如果您选择不使用框架，还可以学习如何创建布局。
此外，我建议先测试chrome和firefox中的所有项目，然后再进行safari测试，因为与safari相比，使用这两种浏览器的用户数量更多。我也会说，如果它在chrome中看起来不错，它在safari和firefox中可能看起来不错，但它总是值得测试。
答案 2 :(得分：0)
正如jsteinmann所说，请检查使用http://validator.w3.org/以确保您的网页有效。这需要一些时间来确定您是否是新手，但这是必不可少的一步。
如果您遇到FireFox问题，那么当您查看IE时，您可能会死亡。收藏链接！ http://msdn.microsoft.com/en-us/library/ms537512(v=vs.85).aspx
将来，使用stackoverflow将代码示例用于特定问题。您会发现很快就会得到具体的答案。
此外，不要忘记勾选您认为最有用的答案，并在某个级别上投票。这就是为什么人们花时间回答你的问题。
享受漫长的道路：）