Форум русской поддержки Joomla!® CMS
09.12.2016, 07:58:48 *
Добро пожаловать, Гость. Пожалуйста, войдите или зарегистрируйтесь.
Вам не пришло письмо с кодом активации?

Войти
   
   Начало   Поиск Joomla 3.0 FAQ Joomla 2.5 FAQ Joomla 1.5 FAQ Правила форума Новости Joomla Реклама Войти Регистрация Помощь  
Страниц: [1]   Вниз
  Добавить закладку  |  Печать  
Автор

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

 (Прочитано 141 раз)
0 Пользователей и 1 Гость смотрят эту тему.
Xlebosolniy
Осваиваюсь на форуме
***

Репутация: +0/-0
Offline Offline

Сообщений: 29


« : 01.11.2016, 21:48:31 »

Здравствуйте) Подскажите пожалуйста, как правильно сделать. Нужно зафиксировать шапку, чтобы при прокрутки страницы она двигалась следом

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

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

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

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

Записан
AlekVolsk
Профи
********

Репутация: +317/-3
Offline Offline

Пол: Мужской
Сообщений: 6460



« Ответ #1 : 01.11.2016, 23: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
Живу я здесь
******

Репутация: +36/-3
Offline Offline

Пол: Мужской
Сообщений: 841


Skype: septdir


« Ответ #2 : 01.11.2016, 23:44:34 »

или если без left:0 и right: 0 то можно просто width: 100%;
Записан
AlekVolsk
Профи
********

Репутация: +317/-3
Offline Offline

Пол: Мужской
Сообщений: 6460



« Ответ #3 : 02.11.2016, 00:30:51 »

можно и width:100%; , но по феншую лучше left и right (наблюдались с width глюки, зависит от отступов и box-sizing)
Записан
Xlebosolniy
Осваиваюсь на форуме
***

Репутация: +0/-0
Offline Offline

Сообщений: 29


« Ответ #4 : 02.11.2016, 11:10:10 »

Спасибо большое за помощь) Еще вопросик небольшой появился, как я понимаю сайт сжимается до размеров экрана устройства, с которого заходишь и к примеру на телефоне не очень удобно с фиксацией шапки и слайд шоу. Если я правильно понимаю нужно шапку без фиксации подменять и убирать слайдшоу в тот момент когда экран начинает сжимать. Собственно вопрос, что отвечает за сжатие до нужных размеров, где это можно увидеть в коде?
Записан
AlekVolsk
Профи
********

Репутация: +317/-3
Offline Offline

Пол: Мужской
Сообщений: 6460



« Ответ #5 : 02.11.2016, 15:26:46 »

гуглите по фразе "css @media"
Записан
Xlebosolniy
Осваиваюсь на форуме
***

Репутация: +0/-0
Offline Offline

Сообщений: 29


« Ответ #6 : 02.11.2016, 17:04:48 »

то что нужно, спасибо))
Записан
Страниц: [1]   Вверх
  Добавить закладку  |  Печать  
 
Перейти в:  

Powered by SMF 1.1.21 | SMF © 2006, Simple Machines

Joomlaforum.ru is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by Open Source Matters
the trademark holder in the United States and other countries.

LiveInternet