CSS 问题 - 边距顶部 - Google Chrome [英] CSS issue - margin top - Google Chrome

问题描述

在我的 Joomla 网站上，只有 Google Chrome 中的边距顶部有问题.火狐浏览器IE没问题.有27个像素，菜单在上面.我使用了 Yootheme 的主题(但他们无法解决问题).

On my Joomla site I have a problem with the margin-top only in Google Chrome. Firefox & IE are ok. There are 27 pixels, the menu is above. I use a theme from Yootheme (but they are not able to solve the problem).

如果我输入这个样式:

ul.menu.menu-dropline {
  margin-top:27px;
}

谷歌浏览器版本没问题；但不是 Firefox &IE浏览器了.

Google Chrome version is ok; but not Firefox & IE anymore.

不幸的是，我不是 CSS 专家 - 希望您能提供帮助.

Unfortunately I am not the CSS profi - hopefully you can help.

亲切的问候信息

推荐答案

我在您的 CSS 代码中发现了这些行.可能它们会导致 FF 和 Webkit 浏览器之间的行为差​​异.

I found these lines in your CSS code. Probably they cause the difference in behavior between FF and Webkit browsers.

-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
-webkit-padding-start: 40px;

快速解决方案:将以下内容添加到您的 CSS 代码中.

Quick solution: Add the following to your CSS code.

ul.menu.menu-dropline {
    -webkit-margin-before: 27px;
}

这篇关于CSS 问题 - 边距顶部 - Google Chrome的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！