+ Ответить в теме
Показано с 1 по 1 из 1

Тема: уезжает div и background

  1. #1
    Новичок snap191 на пути к лучшему Аватар для snap191
    Регистрация
    12.02.2018
    Сообщений
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    уезжает div и background

    здравствуйте, подскажите,куда копать,
    при уменьшении окна браузера складывается/уезжает блок и задний фон (фон по задумке должен быть резиновым)
    <img src="https://i.paste.pics/2M9X5.png" width="960" height="520" alt="Screenshot">

    Упорно не могу загрузить скриншот!!!


    <header>
    <div class="header-content">
    телефоны
    </div>


    <nav>
    <ul class="header-nav">
    <li class="logo"><a href="#" >логотип</a></li>
    <li class="menu">
    <a href="#">главная</a>
    <a href="#">о компани</a>
    <a href="#">новые поступления</a>
    <a href="#">акции</a>
    <a href="#">доставка и оплата</a>
    <a href="#">контакты</a>

    </li>
    <li class="basket">
    <a href="#">корзина</a>
    </li>
    </ul>
    </nav>
    </header>




    header {

    display: flex;
    flex-direction: column;
    background-color:rgb(93,43,78);
    background-image: linear-gradient(to left, rgb(93,43,78), rgb(8,2,50));


    }
    /*верхняя часть header-шапки с телефонами */
    .header-content{
    color: #fff;
    font-size: 1em;
    padding-bottom: 4em;
    }
    /*нижняя часть header-шапки с меню логотипом и корзиной */
    nav {
    width: 100%;
    background-color: rgb(25,25,25);
    border: 1px solid rgba(255,255,255,.5);

    border-left: none;
    border-right: none;

    }
    ul.header-nav{
    display: flex;
    flex-wrap: wrap;

    }
    .header-nav li{
    list-style: none;
    }
    ul.header-nav li a{
    flex: 1 15%;
    text-transform: uppercase;
    text-decoration: none;
    color: #fff;
    }
    Последний раз редактировалось snap191; 12.02.2018 в 22:44.

+ Ответить в теме

Похожие темы

  1. Ответов: 6
    Последнее сообщение: 28.11.2013, 15:55
  2. Ответов: 2
    Последнее сообщение: 16.09.2013, 23:25
  3. От скрипта уезжает картинка
    от Wofchik в разделе JavaScript
    Ответов: 6
    Последнее сообщение: 19.01.2009, 18:19
  4. DIV уезжает за экран в IE
    от romosyto в разделе CSS
    Ответов: 2
    Последнее сообщение: 03.11.2008, 23:06
  5. Ответов: 16
    Последнее сообщение: 13.10.2008, 09:35

Социальные закладки

Социальные закладки

Ваши права

  • Вы не можете создавать новые темы
  • Вы не можете отвечать в темах
  • Вы не можете прикреплять вложения
  • Вы не можете редактировать свои сообщения