Список отличий IE6 от стандартов

Введение

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

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

не поддерживается:
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 (очень полезный ресурс для верстальщиков)