表のテキストが表の罫線に重なるまたは Internet Explorer に存在しません

重要: このサポート技術情報 (以下「KB」) は、翻訳者による翻訳の代わりに、マイクロソフト機械翻訳システムによって翻訳されたものです。マイクロソフトは、お客様に、マイクロソフトが提供している全ての KB を日本語でご利用いただけるように、翻訳者による翻訳 KB に加え機械翻訳 KB も提供しています。しかしながら、機械翻訳の品質は翻訳者による翻訳ほど十分ではありません。誤訳や、文法、言葉使い、その他、たとえば日本語を母国語としない方が日本語を話すときに間違えるようなミスを含んでいる可能性があります。マイクロソフトは、機械翻訳の品質、及び KB の内容の誤訳やお客様が KB を利用されたことによって生じた直接または間接的な問題や損害については、いかなる責任も負わないものとします。マイクロソフトは、機械翻訳システムの改善を継続的に行っています。

英語版 KB:3121136
現象
Internet Explorer でブロック要素を含むテーブルを使用する場合は、次の現象が発生します。

  • 内部テキ ストには、表の枠線が重複しています。
  • 内部のテキストの一部が表示されません。

次の Internet Explorer のバージョンは、この問題の影響を受けます。

  • Internet Explorer 9 と癖を除くすべてのドキュメント モードで Internet Explorer 10
  • エッジと癖を除くすべてのドキュメント モードで Internet Explorer の 11
原因
この設定を超えるブロック レベル要素に対応するため、表の高さを調整しませんので、この問題が発生します。
解決方法
この問題を解決するには、次のいずれかを実行することをお勧めします。

  • Windows 10 では、マイクロソフトのエッジを使用します。
  • その他の Windows バージョンでは、Internet Explorer の 11 にアップグレードしてエッジのドキュメント モードでページをレンダリングします。
または、ページの HTML を変更できます。これを行うには、次の例のように、HTML テーブルを使用して、DIV タグのテキストを置き換えます。

元のコード

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

置換用コード

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

警告: この記事は自動翻訳されています

プロパティ

文書番号:3121136 - 最終更新日: 03/31/2016 02:44:00 - リビジョン: 1.0

Windows Internet Explorer 9, Windows Internet Explorer 10

  • kbmt KB3121136 KbMtja
フィードバック