Another menu is not displaying in IE6 using css control adapters

View Complete Thread

Shortcuts

- Reply
arora
Member

1 Points

22 Posts

Another menu is not displaying in IE6 using css control adapters

Sep 24, 2007 07:29 PM|arora|LINK

Hi:

What am I doing wrong?

I've copied the CSS, JavaScript, App_Code/Adapter folders to the Asp.net Web Site project.
I've copied the App_browsers/CSSFirendlyAdapters.browser
and commented out all other controlAdapters but
      <adapter controlType="System.Web.UI.WebControls.Menu"
               adapterType="CSSFriendly.MenuAdapter" />

The page source looks right but the menu displays on IE7, FF2 but not IE6

<div class="AspNet-Menu-Horizontal">
   <ul class="AspNet-Menu">
       <li class="AspNet-Menu-Leaf">
           <a href="ar/ar.aspx?token=DCD6E057AE67587CE710EDCE6035CE9D" class="AspNet-Menu-Link">
               Receivable Control</a>
       </li>
       <li class="AspNet-Menu-Leaf">
           <a href="ap/ap.aspx?token=DCD6E057AE67587CE710EDCE6035CE9D" class="AspNet-Menu-Link">
               Payables Management</a>
       </li>
       <li class="AspNet-Menu-Leaf">
           <a href="oe/oe.aspx?token=DCD6E057AE67587CE710EDCE6035CE9D" class="AspNet-Menu-Link">
               Sales Analysis</a>
       </li>
       <li class="AspNet-Menu-Leaf">
           <a href="Login.aspx" class="AspNet-Menu-Link">
               Logout</a>
       </li>
   </ul>
</div>

This is the master page up to the head section.

<%@ Master Language="VB" CodeFile="Site.master.vb" Inherits="Site" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head id="Head1" runat="server">
    <title>My App</title>
    <link href="App_Themes/Default/Default.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="../Script/swfobject.js"></script>
    <link runat="server" rel="stylesheet" href="~/CSS/Import.css" type="text/css" id="AdaptersInvariantImportCSS" />

</head>

This is the modified Default.css that has the menu section.

/* menu section for css control adapter menu*/

ul.AspNet-Menu
{
    position: relative;
}

ul.AspNet-Menu,
ul.AspNet-Menu ul
{
    margin: 0;
    padding: 0;
    display: block;
}

ul.AspNet-Menu li
{
    position: relative;
    list-style: none;
    float: left;
   background: url("../../images/btnMenuLarge.jpg") no-repeat center;
   height:34px;
   margin-left:3px;
}

ul.AspNet-Menu li:hover
{
    position: relative;
    list-style: none;
    float: left;
   background: url("../../images/btnMenuLargeOver.jpg") no-repeat center;
   height:34px;
   margin-left:3px;
}

ul.AspNet-Menu li a,
ul.AspNet-Menu li span
{
    display: block;
    text-decoration: none;
    padding-left:5px;
    padding-right:5px;
    padding-top:5px;
    color:White;
    height:34px;
}

ul.AspNet-Menu li a:hover,
ul.AspNet-Menu li span:hover
{
    display: block;
    text-decoration: none;
    padding-left:5px;
    padding-right:5px;
    padding-top:5px;
   color:Green;
   height:34px;
}

ul.AspNet-Menu ul
{
    position: absolute;
    visibility: hidden;
}

/* Add more rules here if your menus have more than three (3) tiers */
ul.AspNet-Menu li:hover ul ul,
ul.AspNet-Menu li.AspNet-Menu-Hover ul ul
{
    visibility: hidden;
}

/* Add more rules here if your menus have more than three (3) tiers */
ul.AspNet-Menu li:hover ul,
ul.AspNet-Menu li li:hover ul,
ul.AspNet-Menu li li li:hover ul,
ul.AspNet-Menu li.AspNet-Menu-Hover ul,
ul.AspNet-Menu li li.AspNet-Menu-Hover ul,
ul.AspNet-Menu li li li.AspNet-Menu-Hover ul
{
    visibility: visible;
}

.AspNet-Menu-Vertical ul.AspNet-Menu li
{
    width: 100%;
}

css adapters ie6 menu