Я сделал сайт, который отлично работает кросс-браузерно, за исключением старых Internet Explorer. Какой процесс я должен следовать, чтобы заставить его работать на старых IE?

Question

Я создал веб-сайт, который отлично отображается в Chrome, Firefox, Safari и Internet Explorer 8 (за исключением закругленных углов в IE8). Сайт полностью написан на ванильном CSS и HTML, без форматирования JavaScript и Flash.

Недавно мне стало известно, что сайт полностью искажен в Internet Explorer 6 и 7.

Я бы хотел просто игнорировать их, но, переходя к номерам на бирже, Internet Explorer 7 все еще слишком велик, чтобы его игнорировать. Я рассматриваю возможность игнорирования Internet Explorer 6.

Какой процесс люди могут порекомендовать мне сейчас, чтобы мой веб-сайт работал в Internet Explorer 7 с дополнительным бонусом, если он работает в Internet Explorer 6? Я вижу вещи, которые выровнены или отсутствуют, как я должен отладить проблему?

Я вижу много сайтов, когда я ищу в Google, которые говорят об определенных элементах дизайна сайта, и в этих обсуждениях они упоминают, есть ли причуды в IE. Однако я не видел ни одного сайта, о котором бы говорили, если у вас уже есть веб-сайт, который работает везде, но причудливый старый IE, что вы должны сделать, чтобы выяснить, как решить проблемы.

Answer 1

Я бы порекомендовал условно включенные файлы CSS.Это позволит вам создавать файлы CSS, которые устраняют любые проблемы стиля для IE 6 и 7. Например, вы можете добавить следующее после CSS вашего сайта:

<!--[if IE 7]> <link href="ie7.css" rel="stylesheet" type="text/css"> <![endif]-->
<!--[if IE 6]> <link href="ie6.css" rel="stylesheet" type="text/css"> <![endif]-->

Более подробная информация об этом подходе доступна по адресу:http://www.webdevout.net/css-hacks#conditional_comments-css_hack

Что касается выяснения, в чем заключается проблема, я бы порекомендовал панель инструментов разработчика IE в качестве хорошего инструмента для выяснения, почему элемент выполняет рендеринг таким, каким он является в определенной версии IE,[По сути, он сообщит вам о стилях, которые он применил, затем вы сможете выяснить, какой стиль создать в вашем условно включенном файле CSS, чтобы исправить его.]

Answer 2

Обычно, во время разработки, сайт регулярно проверяется во всех версиях каждого браузера, которые должны поддерживаться, поэтому каждая проблема обнаруживается по очереди.Я не знаю ни одного сайта, который бы описывал процесс в обратном порядке. Как это происходит, если вы не знаете, в чем дело?

Единственное, что вы можете сделать, - это пройти через валидатор, чтобы проверитьесли отдельные теги понятны ie7 - но это не поможет с допустимыми тегами / атрибутами, которые приводят к ошибочным результатам в браузере