在 Internet Explorer 中显示不正确

Posted

技术标签:

【中文标题】在 Internet Explorer 中显示不正确【英文标题】:Incorrectly display in Internet Explorer 【发布时间】:2011-11-29 22:13:30 【问题描述】:

我已经在网站上添加了 jquery 内容滑块,但是在 IE 中它显示了一个 wry,还显示了一个 wry 标题。这张截图显示了所有

编码我的网页:

    <%@ Page Language="C#" AutoEventWireup="true" Inherits="Bitrix.UI.BXPublicPage, Main"              Title="Социальный образовательный портал" %> 
<script runat="server" id="@__bx_pagekeywords">
    public override void SetPageKeywords(System.Collections.Generic.IDictionary<string, string> keywords)
    
        keywords[@"keywords"]=@"";
        keywords[@"description"]=@"";
        keywords[@"ShowLeftColumn"]=@"";
    
</script>
<asp:Content ID="Content1" ContentPlaceHolderID="bxcontent" runat="server" >
<html>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<head>
<link rel="stylesheet" type="text/css" href="style.css" />
<script type="text/javascript" src="jquery.js"></script>
<meta http-equiv="X-UA-Compatible" content="IE=EmulateFirefox" /> 
<title>Документ без названия</title>
<script type="text/javascript">
        $(function()
                    $("#about-button").css(
                opacity: 0.3
            );
            $("#contact-button").css(
                opacity: 0.3
            );
                    $("#page-wrap div.button").click(function()
                                $clicked = $(this);
                                        if ($clicked.css("opacity") != "1" && $clicked.is(":not(animated)")) 
                                        $clicked.animate(
                        opacity: 1,
                        borderWidth: 5
                    , 600 );
                    var idToLoad = $clicked.attr("id").split('-');
                    $("#content").find("div:visible").fadeOut("fast", function()
                        $(this).parent().find("#"+idToLoad[0]).fadeIn();
                    )
                
                $clicked.siblings(".button").animate(
                    opacity: 0.5,
                    borderWidth: 1
                , 600 );
            );
        );
    </script>
</head>
<body>
<div id="page-wrap">
<div style="width:565px !important;">
  <div id="home-button" class="button" style="margin:0;"><img style="margin:0 !important;" class="button"  src="button-1.png" /> </div>
<img style="FLOAT: left; margin:0 !important;" src="devide.png"   /> 
  <div id="about-button" class="button" style="margin:0 !important;"><img style="margin:0 !important;" class="button"  src="button-2.png" /> </div>
<img style="FLOAT: left; margin:0 !important;" src="devide.png"   /> 
  <div id="contact-button" class="button" style="margin:0 !important;"><img style="margin:0 !important;" class="button"  src="button-3.png" /> </div>
</div>
  <div class="clear"></div>

  <div id="content">
    <div id="home">
      <p></p>

      <h1>Социальный образовательный портал</h1>

      <table class="st2">
        <tbody>
          <tr><td style="BORDER-BOTTOM-COLOR: ; BORDER-TOP-COLOR: ; BORDER-RIGHT-COLOR: ; BORDER-LEFT-COLOR: ; -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-image: none" class="left">
              <p>Социальный образовательный портал &ndash; это веб-сервис для обучения через общение всех участников учебного процесса. Как и в любой системе обучения в данном сервисе есть возможность изучения курсов и прохождения тестов. Но главный принцип работы пользователей в сервисе – общение, интерактивное взаимодействие в решении задач и создание личного виртуального пространства.</p>
            </td><td style="BORDER-BOTTOM-COLOR: ; BORDER-TOP-COLOR: ; BORDER-RIGHT-COLOR: ; BORDER-LEFT-COLOR: ; -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-image: none" class="right">
              <p>Участвуя в жизни портала, каждый пользователь сервиса становится частью информационного пространства учебного заведения или организации. Если в привычном понимании портал - это обширная и систематизированная база учебных материалов и документов, то социальный образовательный портал - это актуальные знания каждого из его участников в динамике.</p>
            </td></tr>
        </tbody>
      </table>
    <center>
        <table class="st2">
          <tbody>
            <tr><td style="BORDER-BOTTOM-COLOR: ; BORDER-TOP-COLOR: ; BORDER-RIGHT-COLOR: ; BORDER-LEFT-COLOR: ; -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-image: none" class="left">
                <p><img  src="/project/src001.jpg"   /></p>
              </td><td style="BORDER-BOTTOM-COLOR: ; BORDER-TOP-COLOR: ; BORDER-RIGHT-COLOR: ; BORDER-LEFT-COLOR: ; -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-image: none" class="right">
                <p><img  src="/project/src002.jpg"   /></p>
              </td></tr>
          </tbody>
        </table>
      </center>
      <table class="st3">
        <tbody>
          <tr><td style="BORDER-BOTTOM-COLOR: ; BORDER-TOP-COLOR: ; BORDER-RIGHT-COLOR: ; BORDER-LEFT-COLOR: ; -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-image: none" class="left">
              <p>В отличие от традиционных систем дистанционного обучения (СДО), данный сервис усиливает направляющую роль преподавателя. Активность обучаемых видна преподавателям, что способствует их профессиональной ориентации, раскрытию творческого потенциала и вовлечению в общественную жизнь. </p>
            </td><td style="BORDER-BOTTOM-COLOR: ; BORDER-TOP-COLOR: ; BORDER-RIGHT-COLOR: ; BORDER-LEFT-COLOR: ; -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-image: none" class="middle">
              <p>Обучаемые также могут наблюдать активность друг друга, что делает процесс обучения прозрачным, мотивирует к соперничеству и достижению лучших результатов в учебной и не учебной деятельности.</p>
            </td><td style="BORDER-BOTTOM-COLOR: ; BORDER-TOP-COLOR: ; BORDER-RIGHT-COLOR: ; BORDER-LEFT-COLOR: ; -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-image: none" class="right">
              <p>В СДО под самостоятельной работой обучаемых фактически подразумевается его изоляция от друзей и от более качественных и актуальных учебных материалов, а Социальный образовательный портал предлагает коллективную работу по выработке и накоплению знаний, где самостоятельность означает лидерство. </p>
            </td></tr>
        </tbody>
      </table>

      <p style="TEXT-ALIGN: center"><img style="MARGIN-TOP: 20px; MARGIN-BOTTOM: 20px"  src="/project/diag001.jpg"   /></p>

      <table class="st2">
        <tbody>
          <tr><td style="BORDER-BOTTOM-COLOR: ; BORDER-TOP-COLOR: ; BORDER-RIGHT-COLOR: ; BORDER-LEFT-COLOR: ; -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-image: none" class="left">
              <p>В Социальном образовательном портале используются средства неформального общения, знакомые пользователям по популярным социальным сервисам. Это помогает пользователям более активно взаимодействовать друг с другом: делиться полезной информацией, интенсивно использовать навыки общения, коллективно решать задачи, и выполнять групповые учебные и творческие проекты.</p>

              <p>Используя социальный образовательный портал, Вы получаете управление интеллектуальным капиталом Вашей организации и творческим потенциалом Ваших студентов и работников. В процессе взаимодействия пользователей генерируются уникальные новые решения и информационные ресурсы. Вы можете применять их для последующего цикла обучения и в целях совершенствования бизнес-процессов Вашей организации.</p>
            </td><td style="BORDER-BOTTOM-COLOR: ; BORDER-TOP-COLOR: ; BORDER-RIGHT-COLOR: ; BORDER-LEFT-COLOR: ; -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-image: none" class="right">
              <p><strong>Социальный образовательный портал включает в себя взаимодополняющий функционал продуктов трёх типов:</strong></p>

              <ul>
                <li>система управления сайтом (администрирование, управление правами пользователей, учебные группы, настройка интерфейса, обновление учебного контента, добавление общих компонент: новости, объявления, галереи); </li>

                <li>система дистанционного обучения (курсы и тесты в формате SCORM, статистика обучения, вебинары, календари событий, управление проектным обучением); </li>

                <li>социальная сеть (блоги, группы друзей, фотоальбомы, комментарии, хранение документов, события, закладки и обмен ими). 
                  <br />
                Все пользователи сервиса имеют одинаковый набор инструментов, отличающийся только возможностями, зависящими от роли (студент, преподаватель, куратор и др.) </li>
              </ul>
            </td></tr>
        </tbody>
      </table>

      <p></p>
    </div>

    <div id="about">
      <h1>Комплектация</h1>

      <p style="MARGIN-TOP: 20px">На текущий момент <strong><em>социальный образовательный портал (СОП)</em></strong> поставляется в двух комплектациях: </p>

      <ol>
        <li><strong>e-Learning standart</strong> </li>

        <li><strong>e-Learning interactive</strong> </li>
      </ol>

      <p>В комплектацию e-Learning interactive помимо базовых функциональных модулей, входящих в конфигурацию e-Learning standart, входит модуль &laquo;Видеочат&raquo;, который поставляеться как в составе модуля e-Learning interactive, так и самостоятельно.</p>

      <p>Используя комплектацию e-Learning standart, Вы получаете простой способ организации замкнутого цикла дистанционного обучения с возможностью получения итоговой статистики.</p>

      <br />
    <center><img  src="/project/screen_1.jpg"   /></center>
      <br />

      <p>Функциональные возможности комплектации e-Learning standart:</p>

      <ul>
        <li>система авторизации и разграничения доступа на базе гибкого управления ролями; </li>

        <li>конфигурирование функциональных возможностей с помощью модульного подхода; </li>

        <li>импорт пользователей в в систему на базе популярных форматов; </li>

        <li>загрузка и проигрывание учебных материалов в международном стандарте SCORM; </li>

        <li>управление курсами и учебными группами с использованием календарного плана и расписания; </li>

        <li>личный кабинет пользователя; </li>

        <li>управление видом и содержанием портала с помощью конструктора; </li>

        <li>возможность получения групповой и индивидуальной статистики по результатам обучения; </li>

        <li>возможность публикации новостей на станицах портала с использованием функционального модуля «Новости» и встроенного редактора новостей; </li>

        <li>возможность публикации фотографий на станицах портала с использованием функционального модуля «Фотогалерея» и универсального загрузчика; </li>

        <li>Ваши дискуссии на страницах портала при помощи функционального модуля «Форум». </li>
      </ul>

      <br />

      <p>Мы постарались сделать Ваше on-line общение при обучении максимально комфортным. Для организации вебинаров в социальном образовательном портале (СОП) мы используем богатые возможности приложения FlashChat, которое хорошо зарекомендовало себя при использовании в таких популярных CMS-системах, как Joomla&#33;, Drupal, WordPress и т.д. FlashChat в рамках социального образовательного портала это: </p>

      <br />

      <ul>
        <li>ваши виртуальные комнаты с использованием web-камер; </li>

        <li>общение в чате с использованием привычных инструментов оформления текста и возможностью рисования; </li>

        <li>вставка в чат видео и ссылок на видео с сайта YouTube; </li>

        <li>приватный чат; </li>

        <li>белая доска; </li>

        <li>передача файлов и изображений (опционально); </li>

        <li>возможность пригласить в чат Ваших друзей, отправив им ссылку; </li>

        <li>большое количество разнообразных настроек (настройка расположения видеоокна, смена аватара и т.д.); </li>

        <li>набор предустановленных скинов; </li>

        <li>широкий выбор анимированных смайликов; </li>

        <li>обширные возможности администрирования (опционально): управление пользователями, виртуальными комнатами и многое другое. </li>
      </ul>

      <br />
    <center><img  src="/project/screen_2.jpg"   /></center>
      <br />

      <p>Сделать FlashChat неотъемлемой часть СОП нам помогли широкие возможности интеграции, которые мы использовали для того чтобы сделать виртуальное общение неразрывной частью Вашего обучения. Наш вклад в Вашу комфортную работу это:</p>

      <br />

      <ul>
        <li>настройка доступа к видеочату, как отдельному функциональному блоку портала; </li>

        <li>единая система авторизации в рамках СОП; </li>

        <li>данные личного кабинета при общении в чате; </li>

        <li>планирование вебинаров как отдельных мероприятий в календаре; </li>

        <li>управление виртуальными комнатами в рамках прав администратора портала. </li>
      </ul>

      <br />

      <p>По мере выхода новых версий СОП этот вклад будет расширяться. Используйте широкие возможности видеочата при обучении, и оно станет более интерактивным и интересным, а мы поможем Вам в этом, расширяя возможности on-line общения, интегрируя новые функции FlashChat в социальный образовательный портал.</p>
    </div>

    <div id="contact">
      <h1>План развития системы</h1>

      <p style="MARGIN-TOP: 20px">Объявив льготную подписку на социальный образовательный портал (СОП), мы взяли на себя определенные обязательства перед нашими пользователями по выпуску новых версий до конца 2011 года. Этот план мы намерены неукоснительно соблюдать.</p>

      <p>
        <br />
      </p>

      <p>Обнародовать свои планы разработки принято далеко не всегда, но мы сознательно идем на этот шаг, чтобы на деле демонстрировать наши принципы по отношению к пользователям. И прежде всего это - быть максимально честными и открытыми по отношению к клиенту&#33; Так что же ждет наших подписчиков до конца 2011 года:</p>

      <br />
    <center><img  src="/project/type.gif"   /></center>
      <br />

      <p>Мы указали здесь только основные планы нашего развития. За время реализации данной функциональности будет происходить много интересного. Вы можете стать полноправным участником разработки и воочию каждый день убеждаться в приближении к той конфигурации, которую Вы приобрели по льготной подписке. Версии СОП планируются к выходу каждый месяц. Уже сегодня Вы можете посмотреть, как будет выглядеть тот или иной функциональный модуль планируемый к разработке. Так, например, будет выглядеть Ваш календарь событий...</p>

      <br />
    <center><img  src="/project/screen_3.jpg"   /></center>
      <br />

      <p>Ваши обновления могут быть документально зафиксированы при оформлении подписки на текущую версию социального образовательного портала (СОП). Спешите оформить подписку сегодня и получить обширные возможности электронного обучения уже в конце текущего года&#33;</p>
    </div>
  </div>
</div>
</body>
</html>
</asp:Content>

地址站点:edusf.ru/project

所有其他浏览器正确显示页面。我可以对 IE 做什么?

【问题讨论】:

validate, validate, validate 如果您对某些 HTML 有疑问,请向我们展示 HTML,而不是生成它的 ASP。 IE=EmulateFirefox -- 这不会有任何作用;这不是 IE 可以识别的设置。 【参考方案1】:

doctype 必须是页面中的first

你前面有&lt;html&gt; 元素;这需要移到 doctype 之后。

这将为您解决问题。

【讨论】:

更改了位置 Doctype,但没有任何变化 使用 IE 开发者工具窗口检查您的文档模式(按 F12)。通过 W3C 验证器运行 HTML 来检查您的代码有效性。

以上是关于在 Internet Explorer 中显示不正确的主要内容,如果未能解决你的问题,请参考以下文章

为啥我的页面无法在 Internet Explorer 中正确显示?

Dojo 工具提示未显示在 Internet Explorer 中

无法在 Internet Explorer 8 中显示 SVG 图表

Laravel + VueJs不会显示在Internet Explorer中

我的网站在 Internet Explorer 中显示奇怪 [关闭]

WordPress 插件内容未在 Internet Explorer 中显示