Pergunta

Eu estou usando uma tabela de duas células para o meu layout de navegação (que eu provavelmente deveria estar usando css). A esquerda é célula é um link hiper. A célula da direita contém um controle de menu ASP.NET.

Quando a página é processada no IE7, tanto o link hiper e menu na mesma linha.

Ao usar FF2, FF3 ou IE8 no menu está causando sua célula a aumentar de tamanho. Se eu remover o menu de seus trabalhos bem. Creio que a questão é w / as tags DIV o controle de menu gera.

Como devo mudar o código para ambos os itens de navegação esquerda e direita aparecem na mesma linha?

<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>
Foi útil?

Solução

acabou usando o Firebug para descobrir o problema está sendo causado pela imagem SkipLink sendo incorporado pelo controle. Propriedade Ambiente SkipLinkText="" resolveu o problema de formatação, mas quebra o propósito de SkipLink. Existe uma outra solução?

Licenciado em: CC-BY-SA com atribuição
Não afiliado a StackOverflow
scroll top