CSS问题 - 保证金最高 - 谷歌浏览器

在我的Joomla site我只有在谷歌浏览器中才有保证金问题。火狐& IE是好的。有27个像素，菜单在上面。我使用Yootheme的主题（但他们无法解决问题）。CSS问题 - 保证金最高 - 谷歌浏览器

如果我进入这个风格：

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

谷歌Chrome版本是确定的;但不是Firefox & IE了。

不幸的是我不是CSS profi--希望你能帮忙。

亲切的问候 winfo

我发现在你的CSS代码行。可能它们会导致FF和Webkit浏览器之间的行为差异。

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

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

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

2013-04-20 07:50:32 kdani

THX - 这个罚款对我的作品！这个CSS代码是从模板公司（Yootheme）插入的;所以这将需要一些东西..真的：许多thx为您的帮助！ – user2301579 2013-04-20 08:05:46

该代码有点奇怪。你有几件事情没有多大意义。

你有你的nav包装#menubar 27个像素的margin-top集上custom.css然后在同一文件中，为-20像素的nav元素的另一个负面margin-top值。

你应该删除这两个属性和/或规则：

#menu { 
    margin-top: -20px; 
} 

#headerbar + #menubar { 
    margin-top: -27px; 
}

2013-04-20 07:54:48 pzin

Thx pzin为您的答案。我尝试了kdani的技巧，它完美地工作。如果我删除这两个属性，菜单上的边距会更高（比应该...） - thx为您的帮助！ – user2301579 2013-04-20 08:06:53

回答