Таблиця текст перекриває рамки таблиці, або вона відсутня, у браузері Internet Explorer

ВАЖЛИВО! Ця стаття перекладена засобами машинного перекладу Microsoft. Статтю можна редагувати в середовищі Community Translation Framework (CTF). Щоб якомога швидше перекласти всі статті у своїй базі знань різними мовами, компанія Microsoft не лише звертається до професійних перекладачів, але й вдається до машинного перекладу, який потім редагується спільнотою. Такі статті можуть містити лексичні, синтаксичні та граматичні помилки. Microsoft не несе відповідальності за будь-які неточності, помилки або збитки, до яких може призвести неправильний переклад статей або їх використання. Докладніше про CTF див. на веб-сторінці http://support.microsoft.com/gp/machine-translation-corrections/uk-ua.

Клацніть тут, щоб переглянути цю статтю англійською мовою: 3121136
Ознаки
Під Вільний час сценарій виконання в таблиці, які містять блокування елементів у браузері Internet Explorer, виникають такі проблеми:

  • Внутрішній текст перекриває за межі таблиці.
  • Внутрішній текст частини відсутні.

Ця проблема впливає таких версій Internet Explorer:

  • Браузер Internet Explorer 9 і Internet Explorer 10 у всіх режимах документа, крім сумісності
  • Internet Explorer-11 у всіх режимах документа, крім край і сумісності
причина
Ця проблема виникає, тому що висоту таблиці не змінюється, щоб вмістити блочний елемент, який перевищує цей параметр.
Розв'язанн
Щоб вирішити цю проблему, рекомендується, виконати будь-який з таких:

  • На 10 для Windows за допомогою Microsoft краю.
  • Інші версії Windows оновлення до Internet Explorer, 11 і зробити сторінку в режимі Edge-документ, натисніть.
Крім того, можна змінити на сторінці HTML. Для цього замінити текст DIV, позначених за допомогою HTML-таблиці, як показано у прикладі нижче.

Вихідний код

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

Попередження. Цю статтю переведено автоматично

Thuộc tính

ID Bài viết: 3121136 - Xem lại Lần cuối: 03/31/2016 02:48:00 - Bản sửa đổi: 1.0

Windows Internet Explorer 9, Windows Internet Explorer 10

  • kbmt KB3121136 KbMtuk
Phản hồi