Фиксация шапки

0 Пользователей и 1 Гость просматривают эту тему.

  • 6 Ответов
  • 382 Просмотров
*

Xlebosolniy

  • Осваиваюсь на форуме
  • ***
  • 25
  • 0
Фиксация шапки
« : 01.11.2016, 22:48:31 »
Здравствуйте) Подскажите пожалуйста, как правильно сделать. Нужно зафиксировать шапку, чтобы при прокрутки страницы она двигалась следом

Делаю вот так:

Код
#headerwrap {
    margin: 0;
    padding: 0 0 5px 0;
    position: fixed;
    border-bottom: 4px solid #999;
    background: #222;
    z-index: 1;
}

и получается так что правая часть обрезается и шапка сдвигается влево или она просто сдвигается влево и поэтому кажется что права часть обрезалась(не могу понять)

адрес сайта: печать-нск.рф (если нужно)


*

AlekVolsk

  • Профи
  • ********
  • 6301
  • 336
Re: Фиксация шапки
« Ответ #1 : 02.11.2016, 00:18:12 »
#headerwrap {
    margin: 0;
    padding: 0 0 5px 0;
    border-bottom: 4px solid #999;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1;
    background-color: #222;

}
#slideshow-allwrap {
    margin: 0;
    padding: 30px 0 30px 0;
    border-top: 0px solid #f5f5f5;
    border-bottom: 0px solid #f5f5f5;
    background: #f4f4f4;
    margin-top: 146px;
}

*

Septdir

  • Практически профи
  • *******
  • 2158
  • 108
  • JoomlaZen
Re: Фиксация шапки
« Ответ #2 : 02.11.2016, 00:44:34 »
или если без left:0 и right: 0 то можно просто width: 100%;
Не можете справиться с задачей сами пишите, решу ее за вас, не бесплатно*.
*Интересная задача, Деньги или Бартер. Натурой не беру!
________
Мои Контакты | JoomlaZen

*

AlekVolsk

  • Профи
  • ********
  • 6301
  • 336
Re: Фиксация шапки
« Ответ #3 : 02.11.2016, 01:30:51 »
можно и width:100%; , но по феншую лучше left и right (наблюдались с width глюки, зависит от отступов и box-sizing)

*

Xlebosolniy

  • Осваиваюсь на форуме
  • ***
  • 25
  • 0
Re: Фиксация шапки
« Ответ #4 : 02.11.2016, 12:10:10 »
Спасибо большое за помощь) Еще вопросик небольшой появился, как я понимаю сайт сжимается до размеров экрана устройства, с которого заходишь и к примеру на телефоне не очень удобно с фиксацией шапки и слайд шоу. Если я правильно понимаю нужно шапку без фиксации подменять и убирать слайдшоу в тот момент когда экран начинает сжимать. Собственно вопрос, что отвечает за сжатие до нужных размеров, где это можно увидеть в коде?

*

AlekVolsk

  • Профи
  • ********
  • 6301
  • 336
Re: Фиксация шапки
« Ответ #5 : 02.11.2016, 16:26:46 »
гуглите по фразе "css @media"

*

Xlebosolniy

  • Осваиваюсь на форуме
  • ***
  • 25
  • 0
Re: Фиксация шапки
« Ответ #6 : 02.11.2016, 18:04:48 »
то что нужно, спасибо))