Элемент управления ASP.NET Menu вызывает проблему с высотой ячейки таблицы

StackOverflow https://stackoverflow.com/questions/1607944

  •  05-07-2019
  •  | 
  •  

Вопрос

Я использую таблицу из двух ячеек для моего макета навигации (который я, вероятно, должен использовать 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>
Это было полезно?

Решение

Завершено использование FireBug для обнаружения проблемы, вызванной тем, что изображение SkipLink внедряется элементом управления. Установка свойства SkipLinkText = " " решает проблему форматирования, но не соответствует цели SkipLink. Есть ли другое решение?

Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top