IE Explorer CSS несоответствие между IE6, IE7, IE8 и IE9

Question

Ни одна версия IE не отображает мой шаблон CSS так же. Кто-нибудь знает, каковы причины различий?

В настоящее время сайт отлично работает в Chrome, Firefox и Safari, так что теперь идет тестирование IE (проклятие моей жизни, и удивительно удивительно, что оно не работает, но его ставят в тупик).

Может кто-нибудь объяснить, что вызывает проблемы? Вещи, которые я заметил: фон в IE9 отсутствует, пропуски вокруг фона в IE7, страницы просто нет IE6, поля неправильно IE *

Мертвая ссылка

---

Некоторые снимки браузера: http://browsershots.org/http://beta.pegproductions.com/urlshortener/template.html

---

Обновление, после следования советам IE7, 8 и 9 по-прежнему возникают проблемы с отображением фона, кто-нибудь знает почему?

Answer 1

«Кто-нибудь знает, каковы причины различий?»

Причина в том, что MS - гигантская корпорация с огромной установленной базой пользователей.MS также тесно переплела предложения корпоративного программного обеспечения и сделала IE частью этого запутанного беспорядка.Таким образом, стимул к выпуску полностью W3C-совместимых браузерных движков отсутствует, и, поскольку IE не является для них прямым источником денег, это только усугубляет проблему.

"Может кто-нибудь объяснить, что вызываетпроблемы? "

Не в одном ответе.Ошибки огромны и варьируются от версии к версии.IE9 довольно близок к тому, чтобы быть стандартным.IE8 приемлем.IE7 - это боль, и IE6 просто заставит вас ругаться и бросать вещи.

К счастью, кто-то в MS знал, что это проблема, и ему удалось внедрить условные комментарии в IE, позволяющие ориентировать конкретный контент на определенные версииIE.Гигантский хак, конечно, но, к счастью, у нас это есть.Это хороший метод, который используют многие люди:

http://www.positioniseverything.net/articles/cc-plus.html

Answer 2

Возможно, вы обновили код после ответа Марко, потому что я не вижу ни одного пролета. Тем не менее, у вас все еще есть тонна кода для выполнения довольно простой компоновки (прямоугольник с закругленными углами и градиентом).

Возможно, вы захотите упростить то, что вы делаете, используя один <div> для своего контента, затем используя закругленные углы CSS для охвата большинства браузеров, а затем, если вы действительно хотите сделать внешний вид идентичным в IE, используйте один из различных методов округления углов для IE ( вот хороший выбор ).

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

Answer 3

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

Используйте divs или, по крайней мере, установите display: block; на свои интервалы.

Это, надеюсь, исправитНЕКОТОРЫЕ из ваших вопросов, удачи с остальными.

Answer 4

Старайтесь не изобретать велосипед, многие люди прошли через все трудности, уже получая определенные дизайны, фреймворки и виджеты, работающие кросс-браузерноИспользуйте или основывайте свой дизайн на чем-то проверенном и проверенном, конечно же, в соответствии с лицензированием.Действительно ли ваш дизайн настолько уникален / хорош, что его стоит создавать с нуля?