Неверное отображение шапки сайта (Bootstrap)

342
09 августа 2017, 17:49

В html-коде есть две страницы, дело в том, что на одной все корректно отображается, а на другой шапка сайта слетает вниз Стили CSS полностью одинаковые, шапка подключается через include PHP[! Если убрать с этих страниц весь контент, кроме подключенного headera ничего не изменится

Так же добавил скрины кода, где подключается Header. Есть идея, что проблема с полосами прокрутки, так как верхний выступ как раз на эту высоту. Изменение стилей для Headera ничего не меняют, отступов нигде нет, если бы они были, смещалось бы и там и там.

<!DOCTYPE html> 
<html lang="en"> 
    <head> 
        <meta charset="utf-8"> 
        <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
        <meta name="description" content=""> 
        <meta name="author" content=""> 
        <title>Главная</title> 
        <link href="/template/css/bootstrap.min.css" rel="stylesheet"> 
        <link href="/template/css/font-awesome.min.css" rel="stylesheet"> 
        <link href="/template/css/prettyPhoto.css" rel="stylesheet"> 
        <link href="/template/css/price-range.css" rel="stylesheet"> 
        <link href="/template/css/animate.css" rel="stylesheet"> 
        <link href="/template/css/main.css" rel="stylesheet"> 
        <link href="/template/css/responsive.css" rel="stylesheet"> 
 
        <!--[if lt IE 9]> 
        <script src="js/html5shiv.js"></script> 
        <script src="js/respond.min.js"></script> 
        <![endif]-->        
        <link rel="shortcut icon" href="/template/images/ico/favicon.ico"> 
        <link rel="apple-touch-icon-precomposed" sizes="144x144" href="/template/images/ico/apple-touch-icon-144-precomposed.png"> 
        <link rel="apple-touch-icon-precomposed" sizes="114x114" href="/template/images/ico/apple-touch-icon-114-precomposed.png"> 
        <link rel="apple-touch-icon-precomposed" sizes="72x72" href="/template/images/ico/apple-touch-icon-72-precomposed.png"> 
        <link rel="apple-touch-icon-precomposed" href="/template/images/ico/apple-touch-icon-57-precomposed.png"> 
    </head><!--/head--> 
 
    <body> 
        <div class="page-wrapper"> 
 
 
            <header id="header"><!--header--> 
                <div class="header_top"><!--header_top--> 
                    <div class="container"> 
                        <div class="row"> 
                            <div class="col-sm-6"> 
                                <div class="contactinfo"> 
                                    <ul class="nav nav-pills"> 
                                        <li><a href="#"><i class="fa fa-phone"></i> +38 093 000 11 22</a></li> 
                                        <li><a href="#"><i class="fa fa-envelope"></i> zinchenko.us@gmail.com</a></li> 
                                    </ul> 
                                </div> 
                            </div> 
                            <div class="col-sm-6"> 
                                <div class="social-icons pull-right"> 
                                    <ul class="nav navbar-nav"> 
                                        <li><a href="#"><i class="fa fa-facebook"></i></a></li> 
                                        <li><a href="#"><i class="fa fa-google-plus"></i></a></li> 
                                    </ul> 
                                </div> 
                            </div> 
                        </div> 
                    </div> 
                </div><!--/header_top--> 
 
                <div class="header-middle"><!--header-middle--> 
                    <div class="container"> 
                        <div class="row"> 
                            <div class="col-sm-4"> 
                                <div class="logo pull-left"> 
                                    <a href="/"><img src="/template/images/home/logo.png" alt="" /></a> 
                                </div> 
                            </div> 
                            <div class="col-sm-8"> 
                                <div class="shop-menu pull-right"> 
                                    <ul class="nav navbar-nav"> 
                                        <li><a href="/cart"> 
                                                <i class="fa fa-shopping-cart"></i> Корзина  
                                                (<span id="cart-count"><?php echo Cart::countItems(); ?></span>) 
                                            </a> 
                                        </li> 
                                        <?php if (User::isGuest()): ?>                                         
                                            <li><a href="/user/login/"><i class="fa fa-lock"></i> Вход</a></li> 
                                        <?php else: ?> 
                                            <li><a href="/cabinet/"><i class="fa fa-user"></i> Аккаунт</a></li> 
                                            <li><a href="/user/logout/"><i class="fa fa-unlock"></i> Выход</a></li> 
                                        <?php endif; ?> 
                                    </ul> 
                                </div> 
                            </div> 
                        </div> 
                    </div> 
                </div><!--/header-middle--> 
 
                <div class="header-bottom"><!--header-bottom--> 
                    <div class="container"> 
                        <div class="row"> 
                            <div class="col-sm-12"> 
                                <div class="navbar-header"> 
                                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> 
                                        <span class="sr-only">Toggle navigation</span> 
                                        <span class="icon-bar"></span> 
                                        <span class="icon-bar"></span> 
                                        <span class="icon-bar"></span> 
                                    </button> 
                                </div> 
                                <div class="mainmenu pull-left"> 
                                    <ul class="nav navbar-nav collapse navbar-collapse"> 
                                        <li><a href="/">Главная</a></li> 
                                        <li class="dropdown"><a href="#">Магазин<i class="fa fa-angle-down"></i></a> 
                                            <ul role="menu" class="sub-menu"> 
                                                <li><a href="/catalog/">Каталог товаров</a></li> 
                                                <li><a href="/cart/">Корзина</a></li>  
                                            </ul> 
                                        </li> 
                                        <li><a href="/about/">О магазине</a></li> 
                                        <li><a href="/contacts/">Контакты</a></li> 
                                    </ul> 
                                </div> 
                            </div> 
                        </div> 
                    </div> 
                </div><!--/header-bottom--> 
 
            </header><!--/header-->

READ ALSO
Стилизация input type=&ldquo;date&rdquo;
HTML

Стилизация input type=“date”

Как сделать иконку календаря вместо стрелок в поле ввода даты, как здесь?

 820
Высота секций у landing page?
HTML

Высота секций у landing page?

Есть ли какие то правила для высоты секций ? Или советы от вас на тему, какой должна быть секция

 260
Ввод времени и даты в форму
HTML

Ввод времени и даты в форму

Использую вот такую форму у себя на сайте: <input type="datetime-local" name="time"> Но Safari просто выводит ее как пустую строчку, а в мобильной версии какое...

 369
Как отцентровать текст в двустрочном div?
HTML

Как отцентровать текст в двустрочном div?

Делаю таблицу на div, требуется отображать данные в 2 строки

 365