Форум Сайтостроение Веб-строительство

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

L
На сайте с 01.02.2011
Offline
163
Алексей Веселов
620

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

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

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

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

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

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

подробнее: за ширину отвечает этот кусок ксс:


.slide {
position: relative;
padding: 5px 5px 25px 0px;
min-height: 10vh;
width: 1920px;
box-sizing: border-box;
box-shadow: 0 -1px 10px rgba(0, 0, 0, 1);
transform-style: inherit;
}

.top {

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

min-height: 10vh;
transform-style: inherit;

}


.slidesecond {
position: relative;
padding: 5px 0px 25px 5px;
min-height: 10vh;
width: 1920px;
box-sizing: border-box;
box-shadow: 0 -1px 10px rgba(0, 0, 0, 1);
transform-style: inherit;
background: 50% 50% / cover;
}

Т.е. при установке ширины в 1920 px наблюдается это огромное пространство.

если установить 1200, то пространство лишнее не добавляется, но и сама страница выглядит соотв. некорректно.

http://xn----ctbedgho0bcaadbcbkvjpe0dc6u.xn--p1ai/index_4.html

это аналог с шириной в 1300px. тут искажения только начинаются.

не могу найти корень, откуда это все идет.

.title и .title2 не влияют (отвечают за бэк для текста).

убрал все искажения бэков в каждой ячейке.

не знаю за что зацепиться уже.

V2
На сайте с 21.06.2013
Offline
47
vl273
#1
Linblack:

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

Чтой-то не обнаружил на странице данной проблемы.

L
На сайте с 01.02.2011
Offline
163
Алексей Веселов
#2
vl273:
Чтой-то не обнаружил на странице данной проблемы.

в firefox этого нет. в опере и хроме есть точно

AE
На сайте с 31.10.2009
Offline
65
Art.ewgen
#3

если убрать у .slidesecond {width: 1300px;}, то будет по всей ширине

L
На сайте с 01.02.2011
Offline
163
Алексей Веселов
#4
Art.ewgen:
если убрать у .slidesecond {width: 1300px;}, то будет по всей ширине

по всей ширине только четные слайды (что логично).

первый остается с той же проблемой: обрезанный если 1300 оставить. Если width убрать вообще, то опять же растянуто все. как при 1920

(говорю про .slide, ибо он на нечетные влияет)

зы спасибо

Шахматное тестирование стратегий управления Google обновляет интерфейс Google Google запустил выделенные описания

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий