2

我正在一个网站simkt.com上工作，并且在重建基本主题以匹配所需的外观后刚刚转移到 joomla 2.5。

不幸的是，作为一名 Web 开发新手，我忘记查看 Chrome 以外的浏览器中的内容。该网站现已上线，我很快发现在 Firefox/IE 中该网站不太正确，经过一些调整，当我进行调整以尝试解决问题时，它们之间的间距大约有 5 个像素的差异Chrome 和 Firefox/IE（我现在在 IE 7 中进行了测试，结果……非常糟糕）。

所以，我的问题是，我做错了什么，我该如何解决这个问题？

使用 Chrome 开发人员，我将 rt-body-bg 中的顶部填充减少到 0，并且在徽标本身中，将顶部边距减少到 -30，底部边距减少到 -25，它看起来接近我想要的，但是在 Firefox 上，徽标和菜单之间有 5 像素的间隙，而在 IE 中，登录按钮开始向某个奇怪的方向移动。

我知道一些 css/php/html，但我还在学习，任何帮助将不胜感激！

谢谢！

4

2 回答 2

2

Note that different browsers have different default values for the css for the different elements. A good practice when you program design with CSS is to use a reset values in the beginning of the css file. This reset is going to make sure that the unset values will be the same for every browser.

See this link for a css reset code

http://meyerweb.com/eric/tools/css/reset/

Hope it helps

于 2013-02-06T16:19:27.660 回答
0

正如@Stoyan 所说，您应该在 CSS 文件的开头使用 CSS 重置。

您特别提到了边距。我刚刚必须解决一个问题，即在我们的站点中，margin-top 用于定位项目（这不是一个好主意 - 怪罪以前的开发人员）。在 IE 和 Chrome 中它很好，但在 FireFox 中，因为它有不同的上边距，它看起来很糟糕（项目 30px 太低了）。

我不想使用整个 CSS 重置，因为它可能会对整个站点产生连锁反应（例如，字体都已更改）。

我只用了一项来解决它，奇怪的是不是margin-top而是line-height：

body {
    line-height: 1;
}
于 2016-02-29T12:41:54.047 回答