Проблемы с разными версиями IE

Question

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

Вы можете проверить мой сайт на крикет баллов

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

Редактировать

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

пожалуйста, совет,

Answer 1

Совет 1: даже не пытайтесь заставить вещи выглядеть хорошо на IE6. Сделайте так, чтобы работал в IE6, если нужно, но если вы начнете пытаться достичь совершенства в IE6, вы попадете в мир боли и разочарования.

Мы официально прекратили поддержку IE6 на нашем новом сайте; мы даже не тестируем его.

Совет 2: рассмотрите возможность использования некоторых библиотек JavaScript, которые обеспечивают лучшую кросс-браузерную совместимость для IE. Вот несколько хороших:

• IE7js Дина Эдвардса
• CSS3Pie
• Безотносительно: парят
• Selectivzr
• Modernizr

Также рассмотрите возможность использования jQuery или аналогичного; это гораздо больший скачок, чем просто совместимость, поскольку он требует значительного изменения стиля кодирования, но обеспечивает очень хорошую кросс-браузерную совместимость для большинства своих функций.

Answer 2

Unfortunatley IE не отображает вещи так же, как Firefox, и является распространенной проблемой. Лучший способ - сделать операторы IF Specific IF и IE 8 эмулировать IE 7. Для этого требуется несколько дополнительных файлов CSS, отредактированных для каждой версии. Ниже приведен общий способ его настройки для IE / FF (принадлежит в голове). Обычно IE 6 и 7 просматриваются одинаково, поэтому вам не нужно иметь разные CSS-файлы для них.

 <meta http-equiv="X-UA-Compatible" content="IE=7" />
 <link rel="stylesheet" href="/templates/dchirotemplate/css/style.css" type="text/css" />
 <!--[if IE 6]><link rel="stylesheet" href="style_ie6.css" type="text/css" media="screen" /><![endif]-->
 <!--[if IE 7]><link rel="stylesheet" href="style_ie7.css" type="text/css" media="screen" /><![endif]-->

Вы можете просмотреть сайт, который я создал с этой настройкой таблицы стилей, перейдя на http://www.decrescenzochiropractic.com

Answer 3

Я думаю, что вы все делаете неправильно.

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

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

Answer 4

Традиционно IE не был совместим, точка.

В то время как большинство других браузеров работали, чтобы быть совместимыми с выходящими стандартами, MS старалась быть умнее и лучше всех остальных и делала ихсобственная вещь.Это вызвало много проблем для многих дизайнеров.Во многих книгах по дизайну есть целая глава о том, как справляться с причудами IE.

К счастью, похоже, что MS наконец-то начинает видеть свет.К чести Microsoft, IE8 по умолчанию использует режим, более совместимый со стандартами, чем IE7, нарушая работу сайтов, нацеленных на более ранние версии IE.И из того, что я прочитал, они как никогда привержены стандартам IE9.

Поэтому, чтобы ответить на ваш вопрос, я постараюсь быть совместимым с более поздними версиями.Таким образом, ваш сайт, вероятно, будет оставаться в силе дольше.Тем не менее, любой хороший дизайнер веб-сайтов будет тестировать во всех лучших браузерах.Я использую IE, Chrome, Opera и FireFox.

Answer 5

Вы должны использовать Условные комментарии только для IE , в форме

<!--[if IE 6]> <p>hello world of bugs!</p> <![endif]-->

Таким образом, вы можете загружать пользовательские таблицы стилей и т. Д.

Вы должны заставить свой сайт работать с всеми браузерами .

Быстрый и грязный трюк для IE 6 и 7 также является селектором звезд, но не злоупотребляйте им:

body{
    background-color: blue;
    *background-color: red /* Only shown in IE */;
}

На самом деле IE будет самым хлопотным из браузеров.