2

header {
    display: inline-flex;
    justify-content: center;
    background-color: #2b1411;
    height: 67px;
    width: 100%;
    position: fixed;
    z-index: 100;
}

header nav {
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
    
    padding: 0 30px;
}

header nav > a {
    font-size: 30px;
    color: #fffccc;
    padding: 0 20px;
}

header .photo_header {
    margin-left: 70px;
    background: url("http://i.imgur.com/T8A8ReS.jpg") no-repeat center;
    width: 350px;
    padding: 0 1000px 0 0;
    margin: 0 0 0 -300px;
}
<header>
            <div class="photo_header"></div>
            <nav>
                    <a href="#home">HOME</a>
                    <a href="#about">ABOUT</a>
                    <a href="#explore">EXPLORE</a>
                    <a href="#team">TEAM</a>
                    <a href="#contacts">CONTACT</a>
            </nav>
        </header>
Не отображается хедер сайта в браузере Microsoft Edge. Во всех остальных браузерах отображается.

5
  • В хроме логотипа не видно и часть меню прячется за правый край экрана. i.gyazo.com/a0fdfde6f4f297927b9555253a91f0f2.png Как должно выглядеть? 15 мая 2016 в 7:08
  • это я просто набросок когда залил. Суть в том, что в хроме и остальных браузерах хедер отображается(пусть даже такой). А в Edge он просто игнорируется браузером, хотя в коде его видно. 15 мая 2016 в 13:16
  • Возникает гипотеза, что эйдж усиливает недостатки существующего кода. Будет легче помочь, если эту гипотезу исключить. Замените, пожалуйста, код на рабочий. Чтобы он отлично выглядел во всех браузерах и игнорировался эйджем. 15 мая 2016 в 13:34
  • Тут вопрос не стоит о виде, а о видимости. Даже такой хедер во всех браузерах нормально отображается, а в edge его попросту нет 15 мая 2016 в 16:08
  • caniuse.com/#feat=flexbox 16 мая 2016 в 10:49

1 ответ 1

2

Добрый день! Проверил ваш код в браузере Edge 25.1 Отображается аналогично Chrome. Я считаю то, что у вас первая проблема может крыться в логотипе. У вас логотип подгружается размером 4000х800рх, а текже прописаны весьма странные отступы.

padding: 0 1000px 0 0;
margin: 0 0 0 -300px;

Попробуйте для начала использовать заранее смасштабированный логотип и уберите эти отступы.

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.