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

Материал из Викиучебника — открытых книг для открытого мира
Содержимое удалено Содержимое добавлено
Нет описания правки
Нет описания правки
Строка 4: Строка 4:


== CSS1 ==
== CSS1 ==

=== Модель визуального форматирования ===


Тег
Тег
Строка 29: Строка 27:
== CSS2.1 ==
== CSS2.1 ==


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

Не поддерживаются:


* Псевдо-классы ''':active''', ''':focus''', ''':lang''' и ''':first-child''';
* Псевдо-классы ''':active''', ''':focus''', ''':lang''' и ''':first-child''';
Строка 45: Строка 41:
* '''outline''';
* '''outline''';


Свойство '''text-align''' выравнивает по горизонтали не только текст, который содержится в блоке, но и сам блочный элемент.
* Значение '''dotted''' (пунктир) для свойств '''border-style''' отображается как '''dashed''' (штрих-пунктир).


Не работает '''margin: 0 auto;''', то есть выравнивание по центру.
=== Модель визуального форматирования ===


Значение '''dotted''' (пунктир) для свойств '''border-style''' отображается как '''dashed''' (штрих-пунктир).
Свойство '''text-align''' смещает не только строковые блоки, но и уровни блока.

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


== DHTML ==
== DHTML ==
Строка 69: Строка 63:


[[Категория:Microsoft Windows]]
[[Категория:Microsoft Windows]]
[[Категория:Языки разметки]]
[[Категория:Веб-разработка]]
[[Категория:Веб-разработка]]

Версия от 13:36, 8 июня 2014

Введение

Эта статья содержит перечень отличий браузера 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;

Ссылки