Какие ошибки CSS в IE?

Question

Я нашел некоторые ссылки на ошибки или проблемы в интерпретации CSS в IE, но информация кажется довольно разбросанной. Я хотел бы иметь указатель на полный обзор, если такой обзор существует.

edit: Microsoft уже готова перечислить проблемы с IE в IE (спасибо mouviciel-> sanchothefat), но они, очевидно, не будут предлагать обходных путей. Так что обходные пути тоже подойдут.

Спасибо

Answer 1

Выезд Причудливый режим . Это отличный ресурс для совместимости с CSS во всех браузерах.

Answer 2

Я считаю, что лучший способ избежать боли - следовать этим правилам:

1. Создайте более совместимый и удобный для разработчиков браузер, например, сначала Firefox, а затем тщательно протестируйте его в IE (и safari / chrome (webkit) и opera)
2. Используйте строгий режим доктрины - избегайте причуд, поскольку причуды по определению не являются стандартными
3. Использовать таблицу стилей сброса
4. Используйте инфраструктуру javascript, такую ​​как jQuery или Prototype, - они могут скрывать некоторые несовместимости javascript и DOM.
5. Используйте хорошую семантическую разметку - скорее всего, она будет плохо работать в браузере с плохим поведением
6. Примите, что это не будет идеально, и не переживайте по-настоящему малые отклонения

Следуйте этим правилам. Во-первых, у меня не так много проблем.

Answer 3

Я использую « Internet Explorer Exposed ». Очень глубокий ресурс.

Answer 4

Клянусь PositionIsEverything .

Они поддерживают список ошибок / странностей в большинстве браузеров. Ознакомьтесь с их исчерпывающим списком ошибок Internet Explorer , надеюсь, вы найдете его достаточно полным.

Answer 5

Для выпадающих списков:

<select>
    <option value="1">1</option>
    ...
    <option value="N">N</option>
</select>

Стили границ CSS не работают:

Если вы попробуете:

select
{
    border: solid 1px #0000ff;
}

ничего не случится.

Также кнопка отправки будет расширять свою ширину пропорционально тексту кнопки, пока вы не придадите ей стиль:

input[type="submit"]
{
overflow:visible;
}

А также много других забавных вещей. :)

Answer 6

Вы можете найти ответы на некоторые вопросы, обратившись к этому SO вопросу .

Answer 7

Я постоянно обращаюсь к этой странице:

http://www.webcredible.co.uk/user-friendly-resources/css/internet-explorer.shtml

Answer 8

quirksmode уже опубликован, но я добавлю Наличие макета , который объясняет один из принципов, лежащих в основе многих странностей IE.