Существуют ли хорошие методы CSS, чтобы избежать проблем совместимости браузера с IE?

Question

До сих пор я обнаружил, что:

• указание width в некоторых элементах исправляет проблемы в IE.

• и, конечно, с помощью сброса CSS

Знаете ли вы других?

Answer 1

• Подробнее о hasLayout

• Поведение встроенного блока может быть достигнуто в IE7, включив hasLayout, а затем установив отображение на inline. Это оказалось весьма полезным для меня.

• Убедитесь, что ваш тип документа присутствует и правильный. Одно это может сэкономить часы боли.

• Используйте условные комментарии в любое время, когда вам нужно что-то взломать, особенно для IE. ПОЖАЛУЙСТА, не впадайте в привычку любителя добавлять ненужные звёздочки и подчеркивания в основную таблицу стилей.

Answer 2

Я бы сказал, что ручная установка width чаще всего ломает вещи в IE, так как многие версии IE реализуют некорректную блочную модель.

Я бы также сказал, что большая часть всех несовместимостей браузеров проистекает из недостаточного понимания блочной модели и float / clear, block / inline.

Сказав это, я, конечно, не отрицаю, что настоящая проблема - это IE, а не разработчик, но я обычно стараюсь избегать несовместимости браузеров, используя HTML-структуры, которые даже IE не может неправильно интерпретировать, а не через хаки CSS, и я обнаружил, что это часто вполне выполнимо.