Как работать со старыми версиями IE и веб-дизайном?

Question

может быть, я полностью справлюсь с такой слепотой, но да, сейчас я в плохой ситуации.

С месяца, когда я создаю платформу аукциона, крайний срок становится короче, и теперь - в конце проекта - мы проводим тест браузера с более старыми браузерами (например, и худший: ie6).

Что мне сказать? Полный дизайн терпит неудачу в IE6. Логотип не прозрачный, кнопка входа в систему бог знает, где и полная строка меню 100px из монитора. В IE7, IE8, Opera 10 и FF3 все очень хорошо, никаких проблем, почти идеально.

Итак, как я мог справиться с тем фактом, что в IE6 мой полный дизайн просто провалился? Есть идеи, чтобы спасти мою голову? =)

Answer 1

Первое, что нужно сделать, это извлечь важный урок: когда запускает проект, выясните, является ли IE6 целевой платформой, и протестируйте во время разработки , а не в конце проект.

Во-вторых, начните исправлять это. Добавьте новую таблицу стилей для IE6 в условном комментарии 1008 * и начните переопределять сломанные части.

Answer 2

Во-первых, не паникуйте. Не так сложно настроить верстку в IE6. Многое возможно с IE6, вы просто должны сделать что-то немного по-другому. Не требуется много времени, чтобы получить страницу, совместимую с IE6 (большую часть времени).

Вот основные ключевые вопросы, которые мне не нравятся:

• Во-первых, условные комментарии ваших друзей. Используйте их, чтобы получить версии ваших файлов CSS для IE6.
• Нет прозрачных PNG. Используйте прозрачные GIF-файлы, непрозрачные изображения или Google для IE6 прозрачного PNG-хака.
• Нет clear:left или clear:right. Просто используйте clear:both.
• Выпадающие списки под div отображаются в верхней части div: доступно несколько решений, либо скрывайте раскрывающиеся списки перед отображением div переднего плана, либо используйте трюк iframe (создайте iframe размера div переднего плана и поместите его под div, который скроет выпадающий список)
• Нет position: fixed. Вам придется жить с этим. Вы можете попробовать position: absolute вместо этого или какой-нибудь javascript, но это будет очень медленно. (Скажем так, скорость выполнения JavaScript не является одной из сильных сторон IE6).
• В IE6 есть CSS-градиенты и тени CSS (так же, как FF и Safari), но вы обращаетесь к ним по-разному, фильтры Google IE CSS, чтобы узнать больше.
• Попробуйте использовать jQuery или какую-либо другую библиотеку JavaScript, они скрывают большую сложность и несовместимость браузера.
• Остальное просто возиться с размерами. Это занимает немного времени, но это не так сложно.

Удачи!

Answer 3

Если у вас нет требований для поддержки IE6, отбросьте его. Не нужно тратить свое время и силы на продление жизни динозавра.

РЕДАКТИРОВАТЬ: кажется, что вы должны поддерживать IE6. Тогда у вас нет другого варианта, как начать его исправлять, шаг за шагом. Убедитесь, что вы абстрагируете и формулируете точно все проблемы, которые у вас есть с IE6. Если вы это сделаете, Google быстро найдет обходной путь.

Answer 4

Для меня лучшим решением являются условные комментарии и Chrome Frame .

Answer 5

Посмотрите на это, и, возможно, вы можете сделать свои собственные выводы ... Много шума из IE6