Css Friendly Adapter and ie6

Oct 21, 2008 at 6:30 PM
Edited Oct 21, 2008 at 6:32 PM

Hi there

i have an issue with the adapter . i have a website it's in arabic and english . when i browse the site with ie7 or firefox everything is ok. when i browse the arabic page the menu jump to the middle when i hover it with the mouse . i followed all the steps from the http://www.asp.net/cssadapters/ . i added the dll to bin folder - the CSSFriendlyAdapters.browser to the app_browsers folder - i added the CSS and JavaScript folders with all the files. i added the link in the head of the master page. what else should i do to let it work in ie6 as well as ie7 and firefox. the website is www.idalel.com/arabic/ it's in arabic but if you have ie6 you can notice the weird action of the menu.

the css file

 

.ArabicVerMenu

 

.AspNet-Menu-Vertical

 

{

 

 

top: 0;

 

 

 

left: 0;

 

 

 

z-index: 300;

 

 

 

font-family: Tahoma;

 

 

 

text-align: center;

 

 

 

font-size: 13px;

 

 

 

height: 200px;

 

}

 

 

.ArabicVerMenu

 

 

ul

 

{

}

 

 

.ArabicVerMenu

 

 

.AspNet-Menu-Vertical ul.AspNet-Menu

 

{

 

 

width: 180px;

 

 

 

margin-right: auto;

 

 

 

margin-left: auto;

 

}

 

 

.ArabicVerMenu

 

 

ul.AspNet-Menu ul

 

{

 

 

width: 120px;

 

 

 

left: -120px;

 

 

 

text-align: center;

 

 

 

border: #ffffcc 1px solid;

 

 

 

top: 0em;

 

 

 

z-index: 400;

 

}

 

 

.ArabicVerMenu

 

 

ul.AspNet-Menu ul ul

 

{

 

 

width: 11.5em;

 

 

 

left: 10.4em;

 

}

 

 

.ArabicVerMenu

 

 

ul.AspNet-Menu li

 

{

 

 

background-color: #7d70aa;

 

 

 

background-image: url(mnuimg/bg.gif);

 

}

 

 

.ArabicVerMenu

 

 

ul.AspNet-Menu li a, .ArabicVerMenu ul.AspNet-Menu li span

 

{

 

 

color: Navy;

 

 

 

padding: 4px 2px 4px 8px;

 

 

 

border: 1px solid #ffffcc;

 

 

 

border-bottom: 0;

 

}

 

 

.ArabicVerMenu

 

 

ul.AspNet-Menu li.AspNet-Menu-Leaf a, .ArabicVerMenu ul.AspNet-Menu li.AspNet-Menu-Leaf span

 

{

}

 

 

.ArabicVerMenu

 

 

ul.AspNet-Menu li a img

 

{

}

 

 

.ArabicVerMenu

 

 

ul.AspNet-Menu li:hover, .ArabicVerMenu ul.AspNet-Menu li.AspNet-Menu-Hover

 

{

 

 

background-image: url(mnuimg/bgh.gif);

 

}

 

 

.ArabicVerMenu

 

 

ul.AspNet-Menu li:hover a, .ArabicVerMenu ul.AspNet-Menu li:hover span, .ArabicVerMenu ul.AspNet-Menu li.AspNet-Menu-Hover a, .ArabicVerMenu ul.AspNet-Menu li.AspNet-Menu-Hover span, .ArabicVerMenu ul.AspNet-Menu li:hover li:hover a, .ArabicVerMenu ul.AspNet-Menu li:hover li:hover span, .ArabicVerMenu ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover a, .ArabicVerMenu ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover span, .ArabicVerMenu ul.AspNet-Menu li:hover li:hover ul a:hover, .ArabicVerMenu ul.AspNet-Menu li:hover li:hover ul span.Asp-Menu-Hover, .ArabicVerMenu ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover ul a:hover, .ArabicVerMenu ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover ul span.Asp-Menu-Hover

 

{

 

 

color: #ffffcc;

 

}

 

 

.ArabicVerMenu

 

 

ul.AspNet-Menu li:hover ul a, .ArabicVerMenu ul.AspNet-Menu li:hover ul span, .ArabicVerMenu ul.AspNet-Menu li.AspNet-Menu-Hover ul a, .ArabicVerMenu ul.AspNet-Menu li.AspNet-Menu-Hover ul span, .ArabicVerMenu ul.AspNet-Menu li:hover li:hover ul a, .ArabicVerMenu ul.AspNet-Menu li:hover li:hover ul span, .ArabicVerMenu ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover ul a, .ArabicVerMenu ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover ul span

 

{

 

 

color: #ffffcc;

 

}

 

 

.ArabicVerMenu

 

 

ul.AspNet-Menu li a:hover, .ArabicVerMenu ul.AspNet-Menu li span.Asp-Menu-Hover /*éيë ںéي­é، مë§ ںéىيه©*/

 

{

 

 

color: NAvy;

 

}

 

 

.ArabicVerMenu

 

 

ul.AspNet-Menu li.AspNet-Menu-Leaf a:hover

 

{

 

 

/*background-image: none;*/

 

}

 

 

.ArabicVerMenu

 

 

.AspNet-Menu-Horizontal

 

{

 

 

position: absolute;

 

 

 

left: 9.5em;

 

 

 

top: 0;

 

 

 

z-index: 300;

 

}

 

 

.ArabicVerMenu

 

 

.AspNet-Menu-Horizontal ul.AspNet-Menu

 

{

 

 

width: 45em;

 

}

 

 

.ArabicVerMenu

 

 

.AspNet-Menu-Horizontal ul.AspNet-Menu ul

 

{

 

 

width: 10.5em;

 

 

 

left: 0;

 

 

 

top: 100%;

 

}

 

 

.ArabicVerMenu

 

 

.AspNet-Menu-Horizontal ul.AspNet-Menu ul ul

 

{

 

 

top: -0.3em;

 

}

 

 

.ArabicVerMenu

 

 

.AspNet-Menu-Horizontal ul.AspNet-Menu ul ul

 

{

 

 

width: 11.5em;

 

}

 

 

.ArabicVerMenu

 

 

.AspNet-Menu-Horizontal ul.AspNet-Menu li

 

{

 

 

width: 9em;

 

 

 

text-align: center;

 

}

 

 

.ArabicVerMenu

 

 

.AspNet-Menu-Horizontal ul.AspNet-Menu ul li

 

{

 

 

text-align: left;

 

 

 

width: 10.5em;

 

}

 

 

.ArabicVerMenu

 

 

.AspNet-Menu-Horizontal ul.AspNet-Menu ul ul li

 

{

 

 

width: 11.5em;

 

}

 

 

.ArabicVerMenu

 

 

.AspNet-Menu-Horizontal ul.AspNet-Menu li ul li ul

 

{

 

 

margin: -1.4em 0 0 10.35em;

 

}

 

 

 

 



The master page file

 

<

 

asp:Menu ID="siteMenu" runat="server" CssSelectorClass="ArabicVerMenu">

 

 

 

<Items>

 

 

 

<asp:MenuItem NavigateUrl="~/Arabic/Default.aspx" Text="ںé­ه¥، ںé©‍ï«ï،" Value="ںé­ه¥، ںé©‍ï«ï،">

 

 

 

</asp:MenuItem>

 

 

 

<asp:MenuItem NavigateUrl="~/Arabic/Registration.aspx" Text="ں颫¤ïé" Value="ں颫¤ïé">

 

 

 

</asp:MenuItem>

 

 

 

<asp:MenuItem NavigateUrl="~/Arabic/Offer.aspx" Text="م©يà ں鬩èں¢" Value="م©يà ں鬩èں¢">

 

 

 

</asp:MenuItem>

 

 

 

<asp:MenuItem NavigateUrl="~/Arabic/Explore.aspx" Text="¢­ه¥ ںé§éïé" Value="¢­ه¥ ںé§éïé">

 

 

 

</asp:MenuItem>

 

 

 

<asp:MenuItem NavigateUrl="~/Arabic/informations.aspx" Text="êمéيêں¢ مںê،" Value="êمéيêں¢ مںê،">

 

 

 

</asp:MenuItem>

 

 

 

<asp:MenuItem NavigateUrl="~/Arabic/Contact.aspx" Text="ں¢­é  ë•ں" Value="ں¢­é  ë•ں">

 

 

 

</asp:MenuItem>

 

 

 

</Items>

 

 

 

</asp:Menu>

 

 

 

 

 

 

 
Thnaks