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

回答