asp菜單在瀏覽器中顯示不同

我有一個Web應用程序，它在頁面頂部有一個菜單欄。此菜單欄在Internet Explorer 9中顯示正常，但在Chrome中顯示不正確。我真的不知道如何使這個CSS文件跨瀏覽器的CSS文件。
這裏是它如何在IE中顯示。 enter image description here asp菜單在瀏覽器中顯示不同

這裏是它如何顯示在鉻。 enter image description here

我的CSS如下：

div.hideSkiplink 
{ 
    background-color: #796540; 
    width: 100%; 
    height: 56px; 
    margin: 0px 5px 20px 0px; 
} 

div.menu 
{ 
    padding: 1px 0px 1px 8px; 
    margin: 5px 0px 5px 0px; 
} 

div.menu ul 
{ 
    list-style: none; 
    margin: 0px; 
    padding: 0px; 
    width: auto; 
}

，這裏是我的網頁標記

<div class="clear hideSkiplink"> 
       <asp:Menu ID="NavigationMenu" runat="server" CssClass="menu" EnableViewState="False" 
        IncludeStyleBlock="False" Orientation="Horizontal" BackColor="#F7F6F3" DynamicHorizontalOffset="2" 
        Font-Names="Verdana" Font-Size="0.8em" ForeColor="#7C6F57" StaticSubMenuIndent="10px" 
        DataSourceID="SiteMapDataSource1" OnMenuItemDataBound="NavigationMenu_MenuItemDataBound"> 
       </asp:Menu> 
      </div>

有人可以幫幫我嗎？

來源

2013-02-19 Athar Anis

我希望看到鏈接以嘗試修復它。你能放下嗎？ – IamStalker 2013-02-19 10:30:08

其內部網站 – 2013-02-19 10:31:42

哦對不起，你可以把html的例子放入jsfiddle嗎？ – IamStalker 2013-02-19 10:32:58

裏補白，李邊緣的嘗試覆蓋默認參數，hideskipling補白

來源

2013-02-19 10:25:32

示例代碼將不勝感激sir – 2013-02-19 10:26:31

li {margin：; padding：;} .hideSkiplink {padding：;} – 2013-02-19 11:28:04

嘗試改變寬度：100％;到某個固定/常量。或者，請嘗試閱讀本文http://fabenterprises.wordpress.com/2009/03/21/aspnet-menu-not-rendering-correctly-in-googles-chrome/

來源

2013-02-19 10:32:59

他被放置在100％ – IamStalker 2013-02-19 10:33:23

asp菜單在瀏覽器中顯示不同

回答

相關問題