Как отладить тему WordPress для IE9? - PullRequest
2 голосов
/ 23 апреля 2011

Мой блог на WordPress ( www.itauthor.com ) очень хорошо отображается в IE7, IE8, Chrome и Firefox.Тем не менее, он не отображается вообще в IE9, даже если я F12 и изменить режимы отображения.Отключение всех активных плагинов WordPress не решает проблему, но переключение на другую тему делает - так что в моей теме есть что-то, что не нравится IE9.

Тем не менее, мне действительно нравится тема, которую я использую, я использую ее годами, и я действительно не хочу переключать темы (и сталкиваюсь с часами настройки PHP)только из-за IE9.

Итак, как лучше всего отследить, что заставляет IE9 закрывать мой сайт?

Ответы [ 4 ]

3 голосов
/ 23 апреля 2011

Попробуйте пройти свой сайт через валидатор, чтобы увидеть потенциальные проблемы.

http://validator.w3.org/

Есть довольно много проблем, было бы лучше убедиться, что ваша разметка соответствует вашему типу документа. Вы также должны удалить все пробелы перед объявлением doctype (есть 3 пустых строки)

Поскольку ваш тип документа XHTML, вы должны правильно закрыть теги. Три тега css link сверху не закрыты, измените их на:

    <link rel="stylesheet" href="http://www.itauthor.com/wp-content/themes/blueprint/screen.css" type="text/css" media="screen, projection" />
    <link rel="stylesheet" href="http://www.itauthor.com/wp-content/themes/blueprint/blueprint-wp.css" type="text/css" media="screen, projection" />
    <link rel="stylesheet" href="http://www.itauthor.com/wp-content/themes/blueprint/print.css" type="text/css" media="print" />

Вы также закрываете некоторые теги абзаца там, где они не открыты. Просто разберитесь с проблемами на странице валидатора.

Несмотря на все проблемы, у меня свежая установка IE9 с настройками по умолчанию, и ваша страница отображается нормально. Если у вас установлены надстройки IE, убедитесь, что вы запустили IE9 без надстроек, используя ярлык в меню «Пуск», и повторите тестирование.

0 голосов
/ 07 февраля 2014
<!--[if (gt IE 9)|!(IE)]><!-->   
    <script src="http://livedemo00.template-help.com/wordpress_45311/wp-content/themes/CherryFramework/js/jquery.mobile.customized.min.js" type="text/javascript">    </script>    
    <script type="text/javascript">    
        jQuery(function(){    
            jQuery('.sf-menu').mobileMenu({defaultText: "Navigate to..."});    
        });    
    </script>    
    <!--<![endif]-->    
0 голосов
/ 03 ноября 2011

Проблема решена:

В конце концов я обнаружил ответ на пустые страницы в IE9 - или страницы, отображаемые неправильно для некоторых сайтов.Это известная ошибка в IE9.Это не нравится Helvetica.Эта ошибка проявляется только в том случае, если у вас действительно установлена ​​программа Helvetica, поэтому большинство людей не сталкиваются с этой проблемой, но если у вас установлена ​​программа Helvetica, и вы переходите на такой сайт, как validator.w3.org (на момент написания статьи)использует этот шрифт, тогда часть или вся страница не будут отображаться в IE9.

Решение для посещения сайтов других людей (радикальное) заключается в удалении Helvetica на вашем компьютере, тогда IE9 просто используетследующий установленный шрифт, указанный в CSS страницы.

Если вы являетесь владельцем веб-сайта и хотите исправить свой сайт для других людей, решение состоит в том, чтобы удалить Helvetica из таблиц стилей вашего сайта.

Мне кажется удивительным, что спустя месяцы после того, как об этой ошибке стало известно о Microsoft, до сих пор не дошло до ее исправления.

0 голосов
/ 23 апреля 2011

Вы можете попробовать:

<meta http-equiv="X-UA-Compatible" content="IE=8" />

в качестве обходного пути, пока проблема не будет решена.

...