ASP.NET 菜单控件导致表格单元格高度问题答案

【问题标题】：ASP.NET Menu control causing table cell height issueASP.NET 菜单控件导致表格单元格高度问题
【发布时间】：2010-12-09 03:22:02
【问题描述】：

我正在为我的导航布局使用一个包含两个单元格的表格（我可能应该使用 css）。左边的单元格是一个超链接。右侧单元格包含一个 ASP.NET 菜单控件。

当页面在 IE7 中呈现时，超链接和菜单在同一行。

使用 FF2、FF3 或 IE8 时，菜单会导致其单元格增大。如果我删除菜单，它的工作正常。我认为问题在于菜单控件生成的 DIV 标签。

我应该如何更改代码以使左右导航项出现在同一行？

<table width="100%" cellpadding="0" cellspacing="0">
    <tr id="trBanner" runat="server" style="background-image: url(Images/Header_Blue.jpg); height:124px">
        <td colspan="2"></td>
    </tr>
    <tr id="trMenu" runat="server" style="background-image: url(Images/bluegradient.jpg); background-repeat">
        <td align="left">&nbsp;&nbsp;<asp:HyperLink ID="HyperLink1" ForeColor="White" Font-Names="verdana" Font-Bold="true" Font-Size="10pt" NavigateUrl="~/Summary.aspx" runat="server" style="text-decoration: none">Summary</asp:HyperLink></td>
        <td align="right" >
            <asp:Menu ID="mainMenu" Orientation="Horizontal" runat="server" DataSourceID="siteMapDataSource" style="vertical-align:top">
                <StaticMenuItemStyle CssClass="navnormal" ForeColor="White" ItemSpacing="5"  />
                <StaticHoverStyle CssClass="navhover"  />
                <StaticSelectedStyle CssClass="navselected" />       
                <DynamicMenuStyle CssClass="navnormal" BackColor="white" BorderColor="Black" BorderStyle="Solid" />     
                <DynamicHoverStyle CssClass="navhover" BackColor="Navy" />
            </asp:Menu>
            <asp:SiteMapDataSource ID="siteMapDataSource" runat="server" ShowStartingNode="false" />
        </td>
    </tr>
    <tr id="trRedBar" runat="server" style="background-image: url(Images/redbar.gif); height:9px">
        <td colspan="2"></td>
    </tr>
</table>

【问题讨论】：

标签： asp.net css menu

【解决方案1】：

最终使用 FireBug 发现问题是由控件嵌入的 SkipLink 图像引起的。设置 SkipLinkText="" 属性解决了格式问题，但破坏了 SkipLink 的目的。还有其他解决方案吗？

【讨论】：

我也是这样做的，另一个解决方案是 display: none; CSS 的元素。