25/04/2009

Internet Explorer não reconhece o valor table-row para a propriedade display do CSS

Não é novidade que o Internet Explorer tem suas peculiaridades ao interpretar as regras de CSS. Esbarrei numa que ainda não conhecia e posto aqui a solução que encontrei nesse blog, por Cayo Medeiros.

Eis o problema: o Internet Explorer não reconhece o valor table-row para a propriedade display, necessário para exibir uma linha de tabela (elemento <tr>). A solução é simples, bastando atribuir um valor vazio ao display. O browser automaticamente usará a valor padrão do elemento. Segue um exemplo em javascript:

//código para ocultar a <tr>
document.getElementById("minhaTr").style.display = "none";

//código para exibir a <tr> que deveria funcionar
document.getElementById("minhaTr").style.display = "table-row";

//solução cross-browser
document.getElementById("minhaTr").style.display = "";

comentários:

Unknown

Na verdade, Fred, as versões do Internet Explorer que não reconhecem o valor table-row, são a 6 e se não me engano a 7. Já a versão 8, reconhece normalmente.

Postar um comentário