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

IMPORTANTE: Este artículo ha sido traducido por un software de traducción automática de Microsoft (http://support.microsoft.com/gp/mtdetails) en lugar de un traductor humano. Microsoft le ofrece artículos traducidos por un traductor humano y artículos traducidos automáticamente para que tenga acceso en su propio idioma a todos los artículos de nuestra base de conocimientos (Knowledge Base). Sin embargo, los artículos traducidos automáticamente pueden contener errores en el vocabulario, la sintaxis o la gramática, como los que un extranjero podría cometer al hablar el idioma. Microsoft no se hace responsable de cualquier imprecisión, error o daño ocasionado por una mala traducción del contenido o como consecuencia de su utilización por nuestros clientes. Microsoft suele actualizar el software de traducción frecuentemente.

Haga clic aquí para ver el artículo original (en inglés): 3121136
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>

Advertencia: este artículo se tradujo automáticamente

Propiedades

Id. de artículo: 3121136 - Última revisión: 03/30/2016 20:57:00 - Revisión: 1.0

Windows Internet Explorer 9, Windows Internet Explorer 10

  • kbmt KB3121136 KbMtes
Comentarios