Texto da tabela sobrepõe as bordas da tabela, ou está faltando no Internet Explorer

IMPORTANTE: Este artigo foi traduzido pelo software de tradução automática da Microsoft e eventualmente pode ter sido editado pela Microsoft Community através da tecnologia Community Translation Framework (CTF) ou por um tradutor profissional. A Microsoft oferece artigos traduzidos automaticamente por software, por tradutores profissionais e editados pela comunidade para que você tenha acesso a todos os artigos de nossa Base de Conhecimento em diversos idiomas. No entanto, um artigo traduzido pode conter erros de vocabulário, sintaxe e/ou gramática. A Microsoft não é responsável por qualquer inexatidão, erro ou dano causado por qualquer tradução imprecisa do conteúdo ou por seu uso pelos nossos clientes.

Clique aqui para ver a versão em Inglês deste artigo: 3121136
Sintomas
Quando você usar as tabelas que contêm elementos de bloco no Internet Explorer, você pode enfrentar os seguintes sintomas:

  • O texto interno se sobrepõe a borda da tabela.
  • Partes do texto interno estão ausentes.

As seguintes versões do Internet Explorer são afetadas por esse problema:

  • Internet Explorer 9 e o Internet Explorer 10 em todos os modos de documento exceto Quirks
  • Internet Explorer 11 em todos os modos de documento exceto borda e sutilezas
Causa
Esse problema ocorre porque a altura da tabela não serão ajustadas para acomodar um elemento de nível de bloco que excede essa configuração.
Resolução
Para resolver este problema, recomendamos que você faça o seguinte:

  • No Windows 10, use o Microsoft Edge.
  • Em outras versões do Windows, atualize para o Internet Explorer 11 e depois processar a página no modo de documento de borda.
Como alternativa, você pode alterar o HTML da página. Para fazer isso, substitua o texto com marcas DIV usando uma tabela HTML, conforme mostrado no exemplo a seguir.

Código original

<!DOCTYPE HTML><html><body>    <table style="border: 1px solid blue; height: 50px">        <tr>            <td style="height: 100%">                <div style="height: 100%">                    This text overlaps<br />                    the<br />                    blue<br />                    border<br />                </div>            </td>        </tr>    </table></body></html>

Código de substituição

<!DOCTYPE HTML><html><body>    <table style="border: 1px solid blue; height: 50px">        <tr>            <td style="height: 100%">                    <table>                    <tr>                        <td>                            This text fits within<br />                            the<br />                            blue<br />                            border<br />                        </td>                    </tr>                </table>                   </td>        </tr>    </table></body></html>

Propriedades

ID do Artigo: 3121136 - Última Revisão: 03/31/2016 02:45:00 - Revisão: 1.0

Windows Internet Explorer 9, Windows Internet Explorer 10

  • kbmt KB3121136 KbMtpt
Comentários