0

ページの上部にメニュー バーがある Web アプリケーションがあります。このメニュー バーは、Internet Explorer 9 では問題なく表示されますが、Chrome では正しく表示されません。このcssファイルをクロスブラウザのcssファイルにする方法がよくわかりません。
IE での表示方法は次のとおりです。 ここに画像の説明を入力

これがクロムでどのように表示されるかです。 ここに画像の説明を入力

私の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>

誰かが私を助けてくれますか？

4

2 に答える 2

0

li paddings、li margin、hideskipling paddings のデフォルト パラメータをオーバーライドしてみてください

于 2013-02-19T10:25:32.983 に答える
0

width: 100%; を変更してみてください。何か修正/定数に。または、この投稿http://fabenterprises.wordpress.com/2009/03/21/aspnet-menu-not-rendering-correctly-in-googles-chrome/を読んでみてください

于 2013-02-19T10:32:59.117 に答える