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

Содержимое удалено Содержимое добавлено

Линейный

Версия от 11:49, 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 смещает не только строковые блоки, но и уровни блока.

DHTML

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

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

Ссылки

http://browserhacks.com/ — это англоязычный сайт, на котором собраны CSS/JS-хаки на все браузеры, а не только ie (очень полезный ресурс для верстальщиков)

@@ Строка 2: / Строка 2: @@
 Эта статья содержит перечень отличий браузера IE6 от общепринятых стандартов. Она поможет новичкам разобраться в этом браузере, и не наступать на одни и те же грабли.
-==CSS1==
+== CSS1 ==
-===Модель визуального формирования===
+=== Модель визуального форматирования ===
-Тег <source lang="html4strict"><input type='text' style='width:100%' value='very-very-long-string'></source> который помещен в блок <tt>&lsaquo;td&rsaquo;&lsaquo;/td&rsaquo;</tt> таблицы у которой в свою очередь выставлено <tt>width='100%'</tt>, т.е. при структуре вида
+Тег
+<source lang="html4strict">
+<input type='text' style='width:100%' value='very-very-long-string'>
+</source>
+, который помещён в блок <tt>&lsaquo;td&rsaquo;&lsaquo;/td&rsaquo;</tt> таблицы у которой в свою очередь выставлено <tt>width='100%'</tt>, т.е. при структуре вида
 <source lang="html4strict">
  <table width='100%'>
@@ Строка 14: / Строка 23: @@
  </table>
 </source>
-принимает такую ширину, при которой полностью виден указанный текст
+принимает такую ширину, при которой полностью виден указанный текст.
-==CSS2.1==
+== CSS2.1 ==
 === Свойства и значения ===
-не поддерживается:<br />
-'''position:fixed''';<br />
-'''min-width''', '''max-width''', '''min-height''', '''max-height''';<br />
-'''outline''';<br />
-Значение '''dotted'''(пунктир) для свойств '''border-style''' отображается как штрих-пунктир('''dashed''')
+Не поддерживаются:
-===Модель визуального формирования===
-Свойство text-align смещает не только строковые блоки, но и уровня блока
+* Псевдо-класс ''':hover''' работает только для селектора '''a''', то есть только для ссылок;
+* '''position:fixed''';
+* '''min-width''', '''max-width''', '''min-height''', '''max-height''';
+* '''outline''';
+* Значение '''dotted''' (пунктир) для свойств '''border-style''' отображается как '''dashed''' (штрих-пунктир).
+=== Модель визуального форматирования ===
+Свойство text-align смещает не только строковые блоки, но и уровни блока.
+== DHTML ==
+При вставке в объект <tt>[[select]]</tt> очередного элемента <tt>[[option]]</tt> при помощи метода <tt>[[insertBefore]]</tt>, причём индекс вставляемого элемента оказывается меньше либо равен полю <tt>[[selectedIndex]]</tt>, в браузере не перерисовывается активный элемент. Для его перерисовки нужно выполнить код
-==DHTML==
-При вставке в объект <tt>[[select]]</tt> очередного элемента <tt>[[option]]</tt> при помощи метода <tt>[[insertBefore]]</tt>, причем индекс вставляемого элемента оказывается меньше либо равен полю <tt>[[selectedIndex]]</tt> в браузере не перерисовывается активный элемент. Для его перерисовки нужно выполнить код
 <source lang="javascript">
 var oldIndex = selObj.selectedIndex;