Texto de la tabla superpone a los bordes de tabla o no se encuentra en Internet Explorer

Síntomas

Cuando utilice tablas que contienen los elementos de bloque en Internet Explorer, experimenta los síntomas siguientes:

  • El texto interno se solapa con el borde de la tabla.
  • Faltan partes del texto interno.

Este problema afecta a las siguientes versiones de Internet Explorer:

  • Internet Explorer 10 en todos los modos de documento excepto peculiaridades y Internet Explorer 9
  • Internet Explorer 11 en todos los modos de documento excepto el borde y anomalías

Causa

Este problema se produce porque el alto de tabla no se ajusta para dar cabida a un elemento de nivel de bloque que supere este valor.

Solución

Para resolver este problema, recomendamos que realiza alguna de las siguientes acciones:

  • En 10 de Windows, utilice Microsoft Edge.
  • En otras versiones de Windows, actualice a Internet Explorer 11 y, a continuación, procesar la página en modo de documento de borde.
Como alternativa, puede cambiar el código HTML de la página. Para ello, reemplace el texto con etiquetas DIV mediante una tabla HTML, como se muestra en el ejemplo siguiente.

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 sustitución

<!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>
Propiedades

Id. de artículo: 3121136 - Última revisión: 22 ene. 2017 - Revisión: 1

Comentarios