Как выровнять asp: меню в теге DIV? - PullRequest
Новая
       28

Как выровнять asp: меню в теге DIV?

1 голос
/ 17 августа 2010

Мой CSS выглядит следующим образом: 

#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 меню выравнивается по левому краю.Как решить эту проблему?

Спасибо за ваше время.

Ответы [ 3 ]

3 голосов
/ 17 августа 2010

Вы можете заключить меню в тег div и установить его в плавающее положение вправо, однако это делает возможным, что определенные теги html также могут всплывать в его сторону.

1 голос
/ 17 августа 2010

Я скопировал / вставил ваш код в новую веб-форму.Может быть, это будет работать для вас: (я добавил класс в div вокруг вашего меню и поместил его справа) 

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

0 голосов
/ 02 января 2014

Это старый поток, но текущий способ сделать это в "Properties" самого меню, просто введите StaticMenuStyle-CssClass="menu" и используйте тот же стиль CSS, что и выше.

...