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

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

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


== CSS1 ==
== CSS1 ==
Строка 34: Строка 35:
* Псевдо-класс ''':hover''' работает только для селектора '''a''', то есть только для ссылок;
* Псевдо-класс ''':hover''' работает только для селектора '''a''', то есть только для ссылок;


* '''position:fixed''';
* '''position: fixed''';


* '''min-width''', '''max-width''', '''min-height''', '''max-height''';
* '''min-width''', '''max-width''', '''min-height''', '''max-height''';
Строка 44: Строка 45:
=== Модель визуального форматирования ===
=== Модель визуального форматирования ===


Свойство text-align смещает не только строковые блоки, но и уровни блока.
Свойство '''text-align''' смещает не только строковые блоки, но и уровни блока.

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


== DHTML ==
== DHTML ==
Строка 59: Строка 62:


* http://browserhacks.com/ — это англоязычный сайт, на котором собраны CSS/JS-хаки на все браузеры, а не только ie (очень полезный ресурс для верстальщиков)
* http://browserhacks.com/ — это англоязычный сайт, на котором собраны CSS/JS-хаки на все браузеры, а не только ie (очень полезный ресурс для верстальщиков)
* http://caniuse.com/#compare=ie+5.5,ie+6,ie+7,ie+8,ie+9,ie+10,ie+11 — это таблица поддержки браузером ie новых технологий и стандартов


[[Категория:Microsoft Windows]]
[[Категория:Microsoft Windows]]

Версия от 12:08, 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

Свойства и значения

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

  • Псевдо-класс :hover работает только для селектора a, то есть только для ссылок;
  • position: fixed;
  • min-width, max-width, min-height, max-height;
  • outline;
  • Значение dotted (пунктир) для свойств border-style отображается как dashed (штрих-пунктир).

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

Свойство text-align смещает не только строковые блоки, но и уровни блока.

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

DHTML

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

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

Ссылки