Question

嗨我的母版页面有一个菜单控件。

当我最大化浏览器窗口时，单独菜单移动到屏幕左侧。鼠标悬停在菜单上正确对齐，反之亦然缩小窗口

 <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。

请帮助我解决问题

Answer 1

一般来说，我发现在asp：菜单控件的各个部分上使用display：block来解决一些问题。我也看到了一些相对定位。它需要宽度吗？是什么东西绝对定位？

asp.menu控件在最大化窗口时向左移动

1 个答案: