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

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

Как избавиться от горизонтальной прокрутки?

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

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

Сообщений: 74


« : 12.08.2016, 19:32:51 »

Здравствуйте,

Я хотел, чтобы моя картинка фона на сайте была видна полностью на экранах с любым разрешением и мне посоветовали внести этот код в файл custom.css

Код:
body {background:none !important;}
.header-outer { background: #fffurl(http://idevsky.com/images/1.jpg) no-repeat
center center;background-size: contain;width: 100vw;height: calc(100vw / 1.5);}

Это сработало, но появилась маленькая горизонтальная прокрутка, что меня, конечно, не устраивает.

Тогда мне посоветовали тот код убрать, а внести этот

Код:
.header-outer {
    background: #fff url(http://idevsky.com/images/1.jpg) no-repeat center center;
    background-size: cover;
    height: 100vh;
}

Теперь прокрутка исчезла, но на моем разрешении 1366х768 картинка фона стала слишком высока и её верха не видно (где кисть девушки и её лоб). Но, видимо, на экранах с высокой резолюцией видно всё. Вот URL моего сайта:

http://idevsky.com
Записан
chiperok
Осваиваюсь на форуме
***

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

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



« Ответ #1 : 15.08.2016, 13:32:18 »

так сайт оффлайн.. как смотреть то? )
Записан
Shustry
Группа развития
*****

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

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


Рисую дизайны


« Ответ #2 : 15.08.2016, 13:38:36 »

Второй вариант оптимальный. Измените позиционерование, чтоб голову не резало

Код
.header-outer {
   background: #fff url(http://idevsky.com/images/1.jpg) no-repeat center top;
   background-size: cover;
   height: 100vh;
}
Записан
Страниц: [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