ASP.NET菜單控件導致表單元格高度問題

我爲我的導航佈局（我應該使用CSS）使用兩個單元格表格。左邊是單元格是超級鏈接。正確的單元格包含一個ASP.NET菜單控件。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>

來源

2009-10-22 Scott Simock

結束使用FireBug發現問題是由控件嵌入的SkipLink圖像造成的。設置SkipLinkText=""屬性解決了格式問題，但打破了SkipLink的用途。還有其他解決方案嗎？

來源

2009-10-22 16:26:23

我做了同樣的，另一種解決方案是顯示：無;由CSS元素。 – 2012-03-02 00:44:04

ASP.NET菜單控件導致表單元格高度問題

回答

相關問題