Проблемы с IE - веб-страница плохо загружается - PullRequest
0 голосов
/ 24 ноября 2018

Мой сайт полностью готов и работает хорошо в Google Chrome, Firefox и других браузерах, кроме Internet Explorer.

меню не видно, оно сломано.Поля не применяются, текст полностью без формы, как будто ни один книжный магазин не загружается.Сайт создается с помощью начальной загрузки 3.6. Jquery используется для обработки большинства эффектов страницы.

Знаете ли вы, если IE не поддерживает jquery, начальную загрузку или любую другую библиотеку?Все библиотеки на моем сайте загружаются локально.

Содержимое страницы загружается с помощью php, так как все содержимое находится в базе данных.Это хорошо работает в других браузерах, но не в IE.Идея в том, что он работает хорошо у всех.

Я использую эти файлы CSS в моей голове

                  <!DOCTYPE html>
            <html lang="de">
            <head>
                <meta charset="utf-8">
                <title>Nivamedia | Webdesign, Online Marketing, Mobile Apps</title>
                <meta http-equiv="X-UA-Compatible" content="IE=edge">
                <meta name="viewport" content="width=device-width, initial-scale=1">
                <meta name="keywords" content="">
                <meta name="description" content="">

                <link rel="stylesheet" href="css/bootstrap.min.css">
                <link rel="stylesheet" href="css/font-awesome.min.css">
                <link rel="stylesheet" href="css/animate.min.css">
                <link rel="stylesheet" href="css/et-line-font.css">
                <link rel="stylesheet" href="css/nivo-lightbox.css">
                <link rel="stylesheet" href="css/nivo_themes/default/default.css">
                <link rel="stylesheet" href="css/style.css">
                <!-- <link href='https://fonts.googleapis.com/css?family=Roboto:400,300,500' rel='stylesheet' type='text/css'> -->
                <link href="https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700,800" rel="stylesheet" type='text/css'>

                         </head>

Это мое меню навигации

                      <body data-spy="scroll" data-target=".navbar-collapse" data-offset="50">
                        <script async src="https://www.googletagmanager.com/gtag/js?id=UA-121888387-1"></script>
                            <script>
                              window.dataLayer = window.dataLayer || [];
                              function gtag(){dataLayer.push(arguments);}
                              gtag('js', new Date());
                              gtag('config', 'UA-121888387-1');
                            </script>
                        <!-- preloader section -->

                        <div class="preloader">
                            <div class="sk-spinner sk-spinner-circle">
                               <div class="sk-circle1 sk-circle"></div>
                               <div class="sk-circle2 sk-circle"></div>
                               <div class="sk-circle3 sk-circle"></div>
                               <div class="sk-circle4 sk-circle"></div>
                               <div class="sk-circle5 sk-circle"></div>
                               <div class="sk-circle6 sk-circle"></div>
                               <div class="sk-circle7 sk-circle"></div>
                               <div class="sk-circle8 sk-circle"></div>
                               <div class="sk-circle9 sk-circle"></div>
                               <div class="sk-circle10 sk-circle"></div>
                               <div class="sk-circle11 sk-circle"></div>
                               <div class="sk-circle12 sk-circle"></div>
                            </div>
                        </div>

                        <!-- navigation section -->
                        <section class="navbar navbar-fixed-top custom-navbar bg-trans" role="navigation" id="navbar_menu">
                            <div class="container" id="navbar_container">
                             <div class="navbar-header" id="mobile_version_collapse-in" style="background-color: white !important;">
                        <button class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse" id="toggle_button">
                            <span class="icon icon-bar"></span>
                            <span class="icon icon-bar"></span>
                            <span class="icon icon-bar"></span>
                        </button>
                        <a class="nav-brand" href="index.php"><img src="images/nivaLogo2.png" alt="logo" title="Nivamedia" id="main_logo"></a>
                    </div>

                        <div class="collapse navbar-collapse" id="menu_collapse">

                        <ul class="nav navbar-nav navbar-right" id="list_options">

                            <li class="list_options_Li"><a href="#" class="smoothScroll itemLi"></a></li>

                             <li class="list_options_Li" id="first_li_main"><a href="leistungen.php" class="smoothScroll itemLi">Leistungen</a></li>
                            <li class="list_options_Li" id="second_li_main"><a href="referenzen.php" class="smoothScroll itemLi">Referenzen</a></li>
                            <li class="list_options_Li" id="third_li_main"><a href="#agentur" class="smoothScroll itemLi">Agentur</a></li>
                            <li class="list_options_Li" id="fourth_li_main"><a href="kontakt.php" class="smoothScroll itemLi">Kontakt</a></li>
                        </ul>
                        </div>
                       </div>
                   </section>

, и у меня естьэто js библиотеки в конце тела:

                     <script src="js/jquery.js"></script>
                                <script src="js/jquery.backstretch.min.js"></script>
                                <script src="js/bootstrap.min.js"></script>
                                <script src="js/smoothscroll.js"></script>
                                <script src="js/jquery.mixitup.min.js"></script>
                                <script src="js/isotope.js"></script>
                                <script src="js/imagesloaded.min.js"></script>
                                <script src="js/nivo-lightbox.min.js"></script>
                                <script src="js/wow.min.js"></script>
                                <script src="js/custom.js"></script>
                                <script src="js/sweetalert.js"></script>

На всех других страницах сайта такая же проблема.

1 Ответ

0 голосов
/ 24 ноября 2018

Я не уверен, что этот ответ работает для вас, но, похоже, проблема в вашем файле bootstrap.css: https://nivamedia.ch/css/bootstrap.min.css (v3.3.5)

замените эту строку:

<link rel="stylesheet" href="css/bootstrap.min.css">

с обновленной версией начальной загрузки (3.3.7)

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

Вот скриншот того, что я получаю в IE:

enter image description here

Кроме того, я должен сообщить вам, что файлы, которые вы размещаете, либо повреждены, либо не закодированы с использованием UTF-8.Убедитесь, что заголовок сайтов использует UTF-8, если он, вероятно, поврежден bootstrap.css, попробуйте загрузить новый файл и загрузить его заново.

Вот ваш файл bootstrap.css: https://nivamedia.ch/css/bootstrap.min.css

enter image description here

Внутри много lot.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...