我正在使用的网站是使用Databound asp:Menu控件.当发送1个菜单项时,它会在Firefox(和IE)中呈现完全正确的HTML,但实际上在Safari和Chrome中搞砸了代码.以下是发送到每个浏览器的代码.我已经测试了几个浏览器,它们都是非常类似的渲染,所以我只在渲染源上发布了两个变体.
我的问题是:如何让ASP.NET向Chrome和Safari发送与Firefox和IE相同的html和javascript?
<!-- This is how the menu control is defined --> <asp:Menu ID="menu" runat="server" BackColor="#cccccc" DynamicHorizontalOffset="2" Font-Names="Verdana" StaticSubMenuIndent="10px" StaticDisplayLevels="1" CssClass="left_menuTxt1" Font-Bold="true" ForeColor="#0066CC"> <DataBindings> <asp:MenuItemBinding DataMember="MenuItem" NavigateUrlField="NavigateUrl" TextField="Text" ToolTipField="ToolTip" /> </DataBindings> <StaticSelectedStyle BackColor="#0066CC" HorizontalPadding="5px" VerticalPadding="2px" Font-Names="Verdama" CssClass="left_menuTxt1" Font-Bold="true" /> <StaticMenuItemStyle HorizontalPadding="5px" VerticalPadding="8px" /> <DynamicMenuStyle BackColor="#fbfbfb" BorderColor="#989595" BorderStyle="Inset" BorderWidth="1" Width="80px" VerticalPadding="1" /> <DynamicMenuItemStyle HorizontalPadding="5px" VerticalPadding="2px" Font-Name="Verdama" ForeColor="#c6c4c4" CssClass="left_menuTxt1" Font-Bold="true" /> <DynamicSelectedStyle BackColor="#cccccc" HorizontalPadding="5px" VerticalPadding="2px" Font-Names="Verdama" CssClass="left_menuTxt1" Font-Bold="true" /> </asp:Menu> <!-- From Safari View Page Source (Chrome source very similar) --> <span title="Order" class="ctl00_leftNav_menu_4"> <a class="ctl00_leftNav_menu_1 ctl00_leftNav_menu_3" href="javascript:__doPostBack('ctl00$leftNav$menu','oMy Order')"> My Order <img src="/WWW/WebResource.axd?d=glUTEfEv7p9OrdeaMxkMzhqz2JugrMr8aE43O2XGHAA1&t=633590571537099818" alt="Expand My Order" align="absmiddle" style="border-width:0px;" /></a></span><br /> <!-- From Firefox View Page Source (IE View page similar) --> <table> <tr onmouSEOver="Menu_HoverStatic(this)" onmouSEOut="Menu_Unhover(this)" onkeyup="Menu_Key(event)" title="Order" id="ctl00_leftNav_menun0"> <td> <table class="ctl00_leftNav_menu_4" cellpadding="0" cellspacing="0" border="0" width="100%"> <tr> <td style="white-space:nowrap;width:100%;"> <a class="ctl00_leftNav_menu_1 ctl00_leftNav_menu_3" href="../Order/OrderList.aspx"> My Order </a> </td> <td style="width:0;"> <img src="/WWW/WebResource.axd?d=glUTEfEv7p9OrdeaMxkMzhqz2JugrMr8aE43O2XGHAA1&t=633590571537099818" alt="Expand My Order" style="border-style:none;vertical-align:middle;" /> </td> </tr> </table> </td> </tr> </table>