ASP меню автоматически добавляет ясно ДИВ

Question

Я хочу, чтобы мой заголовок выглядеть следующим образом:

Link | Link | Link            Image 
----------------------------------------------------------------------- 

То, что я вместо этого:

Link | Link | Link            
-----------------------------------------------------------------------  
                   Image 

Мой ASP код:

<div class="hideSkiplink"> 
      <asp:Menu ID="NavigationMenu" runat="server" EnableViewState="False" 
       IncludeStyleBlock="true" Orientation="Horizontal" > 
       <Items> 
        <asp:MenuItem NavigateUrl="~/Default.aspx" ImageUrl="~/ICONS/About/home_Icon.png"/> 
        <asp:MenuItem NavigateUrl="~/About.aspx" ImageUrl="~/ICONS/About/about_Icon.png"/> 
        <asp:MenuItem NavigateUrl="~/RestrictedPages/AdminMenu.aspx" 
         ImageUrl="~/ICONS/About/admin_Icon.png"></asp:MenuItem> 
       </Items> 
      </asp:Menu> 
     <div class="logo" > 
      <asp:Image ID="Image1" runat="server" ImageUrl="~/ICONS/About/logo.png" /> 
     </div> 
     </div> 

И CSS:

div.hideSkiplink 
{ 
    background-color:#3a4f63; 
    width:100%; 
} 

div.logo 
{ 
    float:right; 
} 

Осматривая элемент в Firebug шоу:

<div class="hideSkiplink"> 
    <a href="#NavigationMenu_SkipLink"> 
    <div id="NavigationMenu" style="float: left;"> 
     <div style="clear: left;"></div> 

Я думаю, что это автоматически добавляется clear: left;, что это вызывает проблему, но не знаю, как это исправить.

Answer 1

Расположите свои divs правильно

например.

<div id="dvParent"> 
    <div style="float:left"> 
     Link | Link | Link 
    </div> 
    <div style="float:right"> 
     Image 
    </div> 
    <div style="clear:both;"></div> 
</div> 

http://jsfiddle.net/PhKhg/

Answer 2

nav div:nth-child(a number){ 
    clear:none !important; 
} 

Answer 3

Я знаю, что этот вопрос очень старый ... но я просто была такая же проблема, и для меня, следующее решение работало:

#IDOfYourMenuControl + div { 
    clear: none !important; 
} 

Answer 4

Правильный , и заполните, ответьте:

1) добавьте, как прокомментировал «musium», следующее к вашей CS S

#IDOfYourMenuControl + div { 
clear: none !important; 
} 

Это остановит неожиданное

<div style="clear: left";></div> 

2) добавить следующие строки в asp.menu теге

SkipLinkText="" 

Это остановит неожиданную

<a id="yourmenuID_SkipLink"> 

тэга от создания.

Добро пожаловать. :-)