asp : DIV 태그의 메뉴 정렬 방법?

내 CSS는 다음과 같습니다asp : DIV 태그의 메뉴 정렬 방법?

#menu 
{ 
width: 1024px; 
height: 25px; 
margin: 0 auto; 
text-align: right; 
background-color: Red; 
}

내 ASP 페이지 (단편에서), 다음과 같습니다

 <asp:Menu ID="mnuMainMenu" runat="server" BackColor="#F7F6F3" 
      DynamicHorizontalOffset="2" Font-Names="Verdana" Font-Size="Medium" 
      ForeColor="#7C6F57" 
      Orientation="Horizontal" StaticSubMenuIndent="10px" Font-Bold="True"> 
      <StaticSelectedStyle BackColor="#5D7B9D" /> 
      <StaticMenuItemStyle HorizontalPadding="5px" VerticalPadding="2px" /> 
      <DynamicHoverStyle BackColor="#7C6F57" ForeColor="White" /> 
      <DynamicMenuStyle BackColor="#F7F6F3" /> 
      <DynamicSelectedStyle BackColor="#5D7B9D" /> 
      <DynamicMenuItemStyle HorizontalPadding="5px" VerticalPadding="2px" /> 
      <StaticHoverStyle BackColor="#7C6F57" ForeColor="White" /> 
      <Items> 
       <asp:MenuItem Text="Projekty" Value="Projekty"></asp:MenuItem> 
       <asp:MenuItem Text="Licencje" Value="Licencje"></asp:MenuItem> 
       <asp:MenuItem Text="Kontrahenci" Value="Kontrahenci"></asp:MenuItem> 
      </Items> 
     </asp:Menu>

내가 내 div 태그의 오른쪽에 정렬 메뉴를 갖고 싶어. Aligment는 자동으로 수행되어야합니다. 메뉴 항목을 추가하면 메뉴 자체를 재정렬해야합니다. 이것은 VS 2008의 분할보기에서 예상대로 작동하지만 IE와 FireFox에서는 메뉴가 왼쪽으로 정렬됩니다. 이 문제를 해결하는 방법?

감사합니다.

출처

2010-08-17 Wodzu

div에있는 메뉴를 감싸서 오른쪽으로 띄우시겠습니까? – Joakim

감사합니다. 작동합니다. 왜 대답을하지 않니? – Wodzu

div 태그에서 메뉴를 래핑하고 오른쪽으로 배치하도록 설정할 수 있습니다. 그러나 특정 HTML 태그가 그 옆으로 떠있을 수 있습니다.

출처

2010-08-17 09:55:21 Joakim

코드를 복사하여 새로운 webform에 붙여 넣습니다.

<head runat="server"> 
<title></title> 
<style type="text/css""> 
#menu 
{ 
width: 1024px; 
height: 25px; 
margin: 0 auto; 
text-align: right; 
background-color: Red; 
} 

#menuContainer{float: right;} 

</style></head> 

<body><form id="form1" runat="server"> 
<div id="menuContainer"> 

<asp:Menu ID="mnuMainMenu" runat="server" BackColor="#F7F6F3" 
     DynamicHorizontalOffset="2" Font-Names="Verdana" Font-Size="Medium" 
     ForeColor="#7C6F57" 
     Orientation="Horizontal" StaticSubMenuIndent="10px" Font-Bold="True"> 
     <StaticSelectedStyle BackColor="#5D7B9D" /> 
     <StaticMenuItemStyle HorizontalPadding="5px" VerticalPadding="2px" /> 
     <DynamicHoverStyle BackColor="#7C6F57" ForeColor="White" /> 
     <DynamicMenuStyle BackColor="#F7F6F3" /> 
     <DynamicSelectedStyle BackColor="#5D7B9D" /> 
     <DynamicMenuItemStyle HorizontalPadding="5px" VerticalPadding="2px" /> 
     <StaticHoverStyle BackColor="#7C6F57" ForeColor="White" /> 

     <Items> 
      <asp:MenuItem Text="Projekty" Value="Projekty"></asp:MenuItem> 
      <asp:MenuItem Text="Licencje" Value="Licencje"></asp:MenuItem> 
      <asp:MenuItem Text="Kontrahenci" Value="Kontrahenci"></asp:MenuItem> 
     </Items> 
    </asp:Menu> 
</div> 
</form>

출처

2010-08-17 09:56:12 Roger

감사합니다. Roger, Joakim이 처음 이었으므로 나는 그에게 대답 할 것입니다. – Wodzu

자, 문제가 해결되었습니다. 여기가 중요합니다! – Roger

이 오래된 스레드하지만, 현재의 방법입니다 (나는 메뉴 주위 DIV에 클래스를 추가하고 오른쪽으로 떴다) : 은 어쩌면이 당신을 위해 작동합니다 이 작업은 메뉴 자체의 "Properties"에 있으며, 그냥 StaticMenuStyle-CssClass="menu"에 넣고 위와 같은 CSS 스타일을 사용하십시오.

출처

2014-01-02 19:12:42 chip

asp : DIV 태그의 메뉴 정렬 방법?

답변

관련 문제