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控制移動到左側最大化窗口

回答

相關問題