ASP.NET LinkButton não processado corretamente no IE7
-
05-07-2019 - |
Pergunta
Nós temos um problema (um dos muitos) com um cliente que mudou para MS IE 7 apenas algumas semanas atrás (sim, sim, eu sei ....... não pedir .....)
Em nosso aplicativo ASP.NET, temos uma série de controles <asp:LinkButton>
para navegação dentro de uma tabela HTML, cada botão link em uma linha separada. O botão de ligação está dentro de uma tag <td width="200">
. Cada <asp:LinkButton>
tem uma classe CSS atribuído que define:
.stdLinkButton
{
background-color: teal;
color: Black;
border: navy 1px solid;
text-decoration: none;
margin-right: 10px;
padding: 2px;
height: 18px;
overflow: visible;
}
Em MS IE 6, os botões bem encheram toda a largura da <td>
e alinhados -. Tivemos cinco ou seis fileiras de botões de link, todos a mesma largura, todas centradas em 200 pixels de largura botões
Mas em MS IE 7, os botões de link estão sendo processados ??como padrão e são apenas tão grande como necessário para conter o rótulo de texto sobre eles. Portanto, agora temos cinco ou seis linhas, e cada botão link é processado como um botão com a largura mínima necessária para conter o texto do botão. Parece horrível ....
Eu já tentei adicionar um "width: 200px" para a classe CSS, mas isso não faz nenhum bem, realmente: - (
Existe algum truque fácil / solução alternativa para obter MS IE 7 para renderizar os elementos <asp:LinkButton>
bem novamente, para uma largura especificada, fixa?
Se alguma vez possível, gostaríamos de manter especificando a largura do CSS - Eu preferiria não ter que ir para cada instância <asp:LinkButton>
e defina a propriedade ASP.NET "largura" para 200px (que parece trabalho, btw -. os botões de link são muito bem definida para a largura especificada, fixa)
Marc
Solução
Adicionando display: block
à regra CSS deve fazer o truque.