Список отличий IE6 от стандартов: различия между версиями

Материал из Викиучебника — открытых книг для открытого мира
Содержимое удалено Содержимое добавлено
категория->темы
м <source> -> <syntaxhighlight> (phab:T237267)
Строка 9: Строка 9:
Тег
Тег


<source lang="html4strict">
<syntaxhighlight lang="html4strict">
<input type="text" style="width:100%;" value="very-very-long-string">
<input type="text" style="width:100%;" value="very-very-long-string">
</syntaxhighlight>
</source>


, который помещён между тегами <nowiki><td></td></nowiki> таблицы, у которой в свою очередь выставлено <tt>width=100%</tt>, то есть при структуре вида
, который помещён между тегами <nowiki><td></td></nowiki> таблицы, у которой в свою очередь выставлено <tt>width=100%</tt>, то есть при структуре вида


<source lang="html4strict">
<syntaxhighlight lang="html4strict">
<table width=100%>
<table width=100%>
<tr>
<tr>
Строка 23: Строка 23:
</tr>
</tr>
</table>
</table>
</syntaxhighlight>
</source>


принимает такую ширину, при которой полностью виден указанный текст.
принимает такую ширину, при которой полностью виден указанный текст.
Строка 48: Строка 48:
При вставке в объект <tt>select</tt> очередного элемента <tt>option</tt> при помощи метода <tt>insertBefore</tt>, причём индекс вставляемого элемента оказывается меньше либо равен полю <tt>selectedIndex</tt>, в браузере не перерисовывается активный элемент. Для его перерисовки нужно выполнить код:
При вставке в объект <tt>select</tt> очередного элемента <tt>option</tt> при помощи метода <tt>insertBefore</tt>, причём индекс вставляемого элемента оказывается меньше либо равен полю <tt>selectedIndex</tt>, в браузере не перерисовывается активный элемент. Для его перерисовки нужно выполнить код:


<source lang="javascript">
<syntaxhighlight lang="javascript">
var oldIndex = selObj.selectedIndex;
var oldIndex = selObj.selectedIndex;
selObj.selectedIndex = -1;
selObj.selectedIndex = -1;
selObj.selectedIndex = oldIndex;
selObj.selectedIndex = oldIndex;
</syntaxhighlight>
</source>


== [[w:PNG|PNG]] ==
== [[w:PNG|PNG]] ==

Версия от 16:06, 16 апреля 2020

Введение

Этот учебник содержит перечень отличий браузера IE6 от общепринятых стандартов. Он поможет новичкам разобраться в этом браузере и не допускать одних и тех же ошибок.

Хотя этот браузер сейчас практически не используется, но для истории материал представляет определённую ценность.

CSS1

Тег

<input type="text" style="width:100%;" value="very-very-long-string">

, который помещён между тегами <td></td> таблицы, у которой в свою очередь выставлено width=100%, то есть при структуре вида

 <table width=100%>
   <tr>
     <td>
       <input type="text" style="width:100%;" value="very-very-long-string">
     </td>
   </tr>
 </table>

принимает такую ширину, при которой полностью виден указанный текст.

CSS2.1

Не поддерживаются следующие свойства и значения:

  • Псевдо-классы :active, :focus, :lang и :first-child
  • Псевдо-класс :hover работает только для селектора a, то есть только для ссылок
  • Псевдо-элементы :after, :before и свойство content
  • position: fixed
  • min-width, max-width, min-height, max-height
  • outline

Свойство text-align выравнивает по горизонтали не только текст, который содержится в блоке, но и сам блочный элемент.

Не работает margin: 0 auto;, то есть выравнивание по центру.

Однопиксельное значение dotted (пунктир) для свойств border-style отображается как dashed (штрих-пунктир).

DHTML

При вставке в объект select очередного элемента option при помощи метода insertBefore, причём индекс вставляемого элемента оказывается меньше либо равен полю selectedIndex, в браузере не перерисовывается активный элемент. Для его перерисовки нужно выполнить код:

var oldIndex = selObj.selectedIndex;
selObj.selectedIndex = -1;
selObj.selectedIndex = oldIndex;

PNG

Не поддерживается прозрачность для PNG24.

Есть ряд решений, позволяющих обойти это ограничение:

Ссылки