Список отличий IE6 от стандартов: различия между версиями
Oleg4280 (обсуждение | вклад) Нет описания правки |
Oleg4280 (обсуждение | вклад) Нет описания правки |
||
Строка 10: | Строка 10: | ||
<source lang="html4strict"> |
<source lang="html4strict"> |
||
<input type= |
<input type="text" style="width:100%;" value="very-very-long-string"> |
||
</source> |
</source> |
||
, который помещён |
, который помещён между тегами <nowiki><td></td></nowiki> таблицы, у которой в свою очередь выставлено width=100%, т.е. при структуре вида |
||
<source lang="html4strict"> |
<source lang="html4strict"> |
||
<table width= |
<table width=100%> |
||
<tr> |
<tr> |
||
<td> |
<td> |
||
<input type= |
<input type="text" style="width:100%;" value="very-very-long-string"> |
||
</td> |
</td> |
||
</tr> |
</tr> |
Версия от 13:10, 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;
- Значение dotted (пунктир) для свойств border-style отображается как dashed (штрих-пунктир).
Модель визуального форматирования
Свойство text-align смещает не только строковые блоки, но и уровни блока.
Не работает margin: 0 auto;, то есть выравнивание по центру.
DHTML
При вставке в объект select очередного элемента option при помощи метода insertBefore, причём индекс вставляемого элемента оказывается меньше либо равен полю selectedIndex, в браузере не перерисовывается активный элемент. Для его перерисовки нужно выполнить код
var oldIndex = selObj.selectedIndex;
selObj.selectedIndex = -1;
selObj.selectedIndex = oldIndex;
Ссылки
- 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 новых технологий и стандартов