Выход за рамки экрана (паралакс)

[Linblack]

В общем все очень плохо.

 

собсна страничка: http://xn—-ctbedgho0bcaadbcbkvjpe0dc6u.xn--p1ai/index_3.html

весь ксс: http://xn—-ctbedgho0bcaadbcbkvjpe0dc6u.xn--p1ai/style11.css

 

Стиль изначально не мой, вроде все подогнал и переделал под себя, но осталась последняя

проблема: при зажатии левой кнопки или средней + движении мышки вправо - огромное полупустое пространство.

(в изначальном варианте стиля с этой страницей - эта проблема существовала).

 

overflow-x: hidden только скрывает бегунок.

 

проблема кроется в этом куске:

 

 

.slide {

  position: relative;

  padding: 5px 5px 25px 0px;

  min-height: 10vh;

  width: 160vw;

  box-sizing: border-box;

  box-shadow: 0 -1px 10px rgba(0, 0, 0, 1);

transform-style: inherit;

}

 

.top {

 

    background-image: url("http://xn—-ctbedgho0bcaadbcbkvjpe0dc6u.xn--p1ai/447.jpg");

 

  min-height: 10vh;

transform-style: inherit;

 

}

 

 

.slidesecond {

  position: relative;

  padding: 5px 0px 25px 5px;

  min-height: 10vh;

  width: 165vw;

  box-sizing: border-box;

  box-shadow: 0 -1px 10px rgba(0, 0, 0, 1);

transform-style: inherit;

  background: 50% 50% / cover;  

}

 

 

 

 

.slide:before {

  content: "";

  position: absolute;

  top: 0;

  bottom: 0;

  left:0;

  right:0;

}

 

Каждый класс друг на друга влияет, не могу толком понять, что так сильно растягивает страницу.

width: 165vw; дает сильный сдвиг. (что за vw кстати? гугл не помог) 

 

зы если top поставить выше slide, без изменений - то будут нехилые искажения, первый раз такое вижу оО.

[npofopr]

http://shpargalkablog.ru/2013/03/px-em-calc.html

[Switch74]

1. У вашего body запредельное для некоторых мониторов строгое значение ширины

2. Ну и почитайте про vw, выше вам дали ссылочку 165vw как раз и делает ваш сайт таким широким

[Linblack]

1. У вашего body запредельное для некоторых мониторов строгое значение ширины

2. Ну и почитайте про vw, выше вам дали ссылочку 165vw как раз и делает ваш сайт таким широким

 

да именно это и влияло. поменял на пиксели, 165 примерно соответствовало 1920px.

после смены на пиксели ничего не изменилось.

пространство сбоку начинает появляться после установки в более чем 1300px в ширину, для slide и slidesecond.

А для нормального отображения фона, нужно минимум 1920 (для соотв. мониторов).

http://xn—-ctbedgho0bcaadbcbkvjpe0dc6u.xn--p1ai/index_4.html тут установил в 1300, посмотрите на отображение.

 

все искажения бэка я убрал вроде. кроме тайтлов, но они не влияют ни на ширину ни на задний фон.

ps сори что пропал на долго.