Question

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

不幸的是，作为一名新手网络开发人员，我忘了查看Chrome以外的浏览器的外观。该网站现已上线，我很快发现在Firefox / IE中该网站不太正确，并经过一些调整后，当我进行调整以尝试解决问题时，间距大约为5像素差异Chrome和Firefox / IE（我现在在IE 7中进行过测试，但是非常糟糕）。

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

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

我知道一些css / php / html但是我还在学习，非常感谢任何帮助！

谢谢！

Answer 1

请注意，不同的浏览器对于不同的元素的css具有不同的默认值。使用CSS编程设计时的一个好习惯是在css文件的开头使用重置值。此重置将确保每个浏览器的未设置值都相同。

请参阅此链接以获取css重置代码

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

希望有所帮助

Answer 2

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

您特别提到保证金。我只需解决一个问题，在我们的网站上使用margin-top来定位项目（不是一个好主意 - 责怪以前的开发人员）。在IE和Chrome中它很好但是在FireFox中，因为它有不同的上边距，它看起来很糟糕（项目是30px太低）。

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

我只使用了一个项目来解决它，奇怪的是不是边缘顶部而是行高：

UITextField *searchBarTextField = [self.searchDisplayController.searchBar valueForKey:@"_searchField"];

// Magnifying glass icon.
UIImageView *leftImageView = (UIImageView *)searchBarTextField.leftView;
leftImageView.image = [LeftImageView.image imageWithRenderingMode:UIImageRenderingModeAlwaysTemplate];
leftImageView.tintColor = [UIColor whiteColor];

// Clear button
UIButton *clearButton = [searchBarTextField valueForKey:@"_clearButton"];
[clearButton setImage:[clearButton.imageView.image imageWithRenderingMode:UIImageRenderingModeAlwaysTemplate] forState:UIControlStateNormal];
clearButton.tintColor = [UIColor whiteColor];

Chrome和Firefox / IE（Joomla）之间填充/边距差异的原因？

2 个答案: