テーブルセルの高さの問題を引き起こすASP.NETメニューコントロール
質問
ナビゲーションレイアウトに2セルのテーブルを使用しています(おそらく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"> <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>
解決
FireBugを使用して問題を発見したのは、SkipLinkイメージがコントロールに埋め込まれていることが原因です。 SkipLinkText =&quot;&quot;
プロパティを設定すると、書式設定の問題は解決しましたが、SkipLinkの目的は損なわれます。別の解決策はありますか?
所属していません StackOverflow