asp.menu控制移动到左侧最大化窗口

当我最大化浏览器窗口时，菜单Alone正在移动到屏幕的左侧。鼠标移到菜单是获得正确对齐，反之亦然缩小窗口时

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

请帮我解决这个问题

来源

2013-04-26 smv

添加合适的CSS。填充设置要求 – 2013-04-26 08:10:12

窗口最大化时菜单应该做什么？该菜单目前的样式为屏幕宽度的100％，因此将适合它。如果你需要它是集中的和固定的宽度，设置外表的样式为'style ='width：800px; margin：0 auto;''并且移除'width =“100％”' – Netricity 2013-04-26 08:14:59

我已经将此控件放入表单标签。该表格具有固定的长度。一旦页面被最大化。该控件将出现在表单标签之外 – smv 2013-04-26 09:26:33

一般

，我发现与显示播放：块在ASP的各个部分：菜单控制已经解决了一些问题，对我来说。我也看到一些相对定位。它需要宽度吗？是绝对定位的东西？

来源

2013-04-26 10:00:17 wazz

asp.menu控制移动到左侧最大化窗口

回答

相关问题