0

こんにちは、マスター ページにメニュー コントロールがあります。

ブラウザウィンドウを最大化すると、メニューだけが画面の左側に移動します。メニューの上にマウスを置くと、ウィンドウを縮小すると適切に整列され、逆に整列されます

 <table width="100%" cellpadding="0" cellspacing="0" style="background-color: Black; height: 30px; ">
            <tr style="background-color: Black; height: 30px;">
                <td  style="background-color: Black; width: 100%; height: 30px;">
                <div style="height:30px">
                    <asp:Menu ID="NavigationMenu" runat="server" EnableViewState="false"             RenderingMode="Default" CssClass="menu" ForeColor="White"
                        IncludeStyleBlock="false" Orientation="Horizontal" Height="30px" OnMenuItemClick="NavigationMenu_MenuItemClick" >
                        <StaticMenuItemStyle CssClass="menuitem" />
                        <DynamicMenuItemStyle CssClass="menuitem" />
                        <Items>
                            <asp:MenuItem NavigateUrl="~/Home.aspx" Text="Home" ToolTip="Home page" />
                            <asp:MenuItem NavigateUrl="~/CommonUser.aspx" Text="Create / Edit User Access" ToolTip="Provide access to users" />
                            <asp:MenuItem NavigateUrl="~/BulkUpload.aspx" Text="Bulk Upload" ToolTip="To bulk upload users " />
                            <asp:MenuItem NavigateUrl="~/SearchUser.aspx" Text="View / Revoke User Access" ToolTip="View existing users access" />

                            <asp:MenuItem Text="Admin" NavigateUrl="javascript:void(0);">
                                <asp:MenuItem NavigateUrl="javascript:void(0);" Text="User" ToolTip="Create / Edit User for the application">
                                    <asp:MenuItem Text="Create User" NavigateUrl="~/AdminUser.aspx" />
                                    <asp:MenuItem Text="Edit User" NavigateUrl="~/EditAdminUser.aspx" />
                                </asp:MenuItem>
                                <asp:MenuItem Text="Template" NavigateUrl="javascript:void(0);">
                                    <asp:MenuItem Text="Create Template" />
                                    <asp:MenuItem Text="Edit Template" />
                                </asp:MenuItem>
                                <asp:MenuItem NavigateUrl="javascript:void(0);" Text="Server" ToolTip="Add / Edit server Details">
                                    <asp:MenuItem Text="Add Server" NavigateUrl="~/AddServers.aspx" />
                                    <asp:MenuItem Text="Edit Server" NavigateUrl="~/EditServer.aspx" />
                                </asp:MenuItem>
                                <asp:MenuItem NavigateUrl="~/CreateConString.aspx" Text="Environment Password" ToolTip="Change password for connection string" />
                            </asp:MenuItem>

                        </Items>
                    </asp:Menu>
                    </div>
                </td>
            </tr>
        </table>

同じものからのCSSは以下の通りです

div.menu
{
    padding: 2px 1px 4px 8px;
} 


.PrimaryNav
{
    position: relative;
    height: 30px;
    background: black url left top repeat-x;
}

div.menu ul
{
    list-style: none;
    margin:0;
    padding: 0px;
    width: auto;
   /* background-color:#A9A9A9;*/
}

div.menu ul li a, div.menu ul li a:visited
{
   border-left: 1px White solid; 
   background:black;
   /* border-right: 2px White solid; */
   text-align:left;
   font-family: Segoe UI, Verdana, Tahoma, Helvetica, Arial, sans-serif;   
    color: White;
    display: block;
    font-size: 1.2em;
    font-weight:normal;
    line-height: 1.35em;
    padding: 4px 20px;
    text-decoration: none ;
    white-space: nowrap;
    width: auto;


}

コードは .Net4.0 で開発されています。この問題は IE 6 および IE 7 で発生します。ほとんどのマシンに IE 7 が搭載されているため、後のバージョンではこれをチェックしませんでした。

問題の解決を手伝ってください

4

1 に答える 1

0

一般に、asp:menu コントロールのさまざまな部分で display:block を操作すると、いくつかの問題が解決することがわかりました。相対的な位置付けも見られます。幅は必要ですか？何かが完全に配置されるのですか？

于 2013-04-26T10:00:17.920 に答える