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

  • 2 Ответов
  • 313 Просмотров

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

*

Оффлайн abrodski

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

Я хотел, чтобы моя картинка фона на сайте была видна полностью на экранах с любым разрешением и мне посоветовали внести этот код в файл 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

так сайт оффлайн.. как смотреть то? )

*

Оффлайн Shustry

  • *****
  • 6426
  • [+]736 / [-]3
  • Рисую дизайны
    • Просмотр профиля
    • Примеры работ
Второй вариант оптимальный. Измените позиционерование, чтоб голову не резало

Код: (css) [Выделить]
.header-outer {
    background: #fff url(http://idevsky.com/images/1.jpg) no-repeat center top;
    background-size: cover;
    height: 100vh;
}
Бесплатно консультирую по дизайну и вёрстке (только в icq и личку сердечно прошу не стучать). Платно делаю дизайн, вёрстку и темплейты для Joomla. Работаю только за деньги. За большие. И долго. Но качественно.
---------------------------------------------------------
xmpp:joomla@conference.jabber.ru - наша конфа!