Визуализация в IE 9 и Firefox, полностью разные - PullRequest
Новая
       50

Визуализация в IE 9 и Firefox, полностью разные

0 голосов
/ 15 марта 2011

http://beta.yigitaydogan.com/

Я разрабатываю веб-страницу, которая содержит множество анимаций jquery, и я никогда не тестировал ее с IE во время разработки.

Теперь я хотел протестировать его с IE 9 и только что заметил, что он делает его совершенно другим.

Есть ли простой способ исправить это, чтобы работать в обоих? Весь сайт находится на стороне клиента и находится по ссылке выше.

Спасибо

Ответы [ 4 ]

2 голосов
/ 15 марта 2011

Во второй части ответа @tdammers это есть.

Удалите массивный комментарий вверху исходного кода, который, как оказалось, является кодом PHP.

Лучший способ сделатьвместо этого используются комментарии PHP: 

<?php
/*
    //your PHP code here
*/
?>

Для ясности, первая строка вашего HTML-вывода должна быть: 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Когда вы это сделаете, ваш XHTML-тип документавступит в силу, и вы выйдете из режима причуда в стандартный режим, а ваш сайт будет зафиксирован в Internet Explorer .

Также вы сказали:

Я никогда не тестировал его с IE во время разработки.

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

2 голосов
/ 15 марта 2011

Получите несколько инструментов разработчика для IE и посмотрите, не окажется ли случайно, что #oe_overlay div окажется за фоном. position: fixed должно привести к тому, что он будет перед элементами регулярного потока, но IE, как известно, глючит в этих вещах. Возможно, добавление положительного z-индекса в div oe_overlay решает это. (Я не нахожусь на окнах прямо сейчас, поэтому я угадываю здесь).

Также обратите внимание, что вы работаете в режиме причуд - удалите комментарий в верхней части вывода и проверьте свой тип документа. Скорее всего, IE ведет себя правильно, когда не в режиме причуд.

1 голос
/ 15 марта 2011

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

Как уже говорили другие, ваш вопрос очень широк. Тем не менее, я думаю, что наиболее полезным для вас было бы информирование о том, что браузеры Mozilla, браузеры webkit (Chrome, Safari), IE 9, IE 8, IE 7 будут вести себя по-разному.

Одним из подходов к тестированию вашего сайта во всех этих браузерах может быть использование службы тестирования браузеров, такой как Browsershots.org.

1 голос
/ 15 марта 2011

Я знаю, что IE8 иногда отображает по-разному (например, сайты в интрасети), потому что существует режим Compate IE7 / IE8 / IE8.Все это основано на типе документа в html.

Если вы откроете «веб-разработчик» (F12), вы сможете увидеть, в каком режиме «IE» работает.

Я знаю, что по умолчанию IE8 отображается в режиме Compat, если он определяет, что сайт, который вы пытаетесь посетить, является сайтом интрасети.Я подозреваю, что это потому, что Sharepoint все еще рендерит таким образом, или что-то в этом роде.

В любом случае, сделайте это.

...