Как убрать неотображаемую для пользователя часть сайта справа (пытаюсь сделать адаптивный сайт)

Evgenym · Сообщение **Evgenym** » 27 мар 2015, 19:36

Возникла проблема при создании сайта, который будет корректно отображаться на различных мониторах с различными разрешениями (от 1920 до 1024).
Вот заготовка - web.makarevich-photo.ru
Сделал фоновый слой с картинкой (1899 из расчета на 1920, чтобы не было горизонтальной прокрутки в браузере). Слой - по умолчанию + относительная гориз. размерность (справа отступ - 0), выравнивание - по центру.
Добавил еще 1 слой поверх, с основной информацией. Режим-прикрепляющий слой, центрировать по горизонтали, выравнивание слева.

Что получилось. При уменьшении окна (например 1280), фоновая картинка уменьшается к центру и слой с информацией тоже перемещается строго по центру. Вроде все хорошо, но справа остается белая пустота и появляется
горизонтальная прокрутка. Пробовал с iphonа зайти, так там совсем все печально.
Вопрос: можно ли это исправить, чтобы отображалась только основная часть сайта без горизонтальной прокрутки? Для мобильных устройств поможет только отдельная версия сайта?

Заранее спасибо за помощь. Надеюсь не забросаете помидорам со словами "ищи по сайту"...

Сообщение **anonimus** » 27 мар 2015, 20:04

у вас полоса прокрутки
на мониторе 1366 пикселей

проблема в том, что ширина сайта в конструкторе слишком большая
делайте 1000 px и проблема пропадёт
либо у вас какой-то элемент не меняет ширину под монитор, либо какой-то объект справа висит

Evgenym · Сообщение **Evgenym** » 28 мар 2015, 16:08

anonimus писал(а):у вас полоса прокрутки
на мониторе 1366 пикселей

http://snap.ashampoo.com/uploads/2015-03-27/rkXXJafd.png

проблема в том, что ширина сайта в конструкторе слишком большая
делайте 1000 px и проблема пропадёт
либо у вас какой-то элемент не меняет ширину под монитор, либо какой-то объект справа висит

Огромное спасибо за совет!
Оказывается 2 объекта были размещены поверх фонового слоя и выходили за его рамки. Размер сайта ставил и 1000 px, и 1899, разницы вроде не заметил, работает одинаково хорошо.
Теперь и на мобильных устройствах под ios отображается корректно.

KiroUi · Сообщение **KiroUi** » 30 мар 2015, 12:44

Evgenym писал(а):
anonimus писал(а):у вас полоса прокрутки
на мониторе 1366 пикселей

http://snap.ashampoo.com/uploads/2015-03-27/rkXXJafd.png

проблема в том, что ширина сайта в конструкторе слишком большая
делайте 1000 px и проблема пропадёт
либо у вас какой-то элемент не меняет ширину под монитор, либо какой-то объект справа висит

Огромное спасибо за совет!
Оказывается 2 объекта были размещены поверх фонового слоя и выходили за его рамки. Размер сайта ставил и 1000 px, и 1899, разницы вроде не заметил, работает одинаково хорошо.
Теперь и на мобильных устройствах под ios отображается корректно.

Проблему разве решили? По сей день выглядит не грамотно http://puu.sh/gUYD4/c81cfa33ad.png

Evgenym · Сообщение **Evgenym** » 01 апр 2015, 21:23

Проблему решил. Просто часто перезаливал сайт для тестирования. Сейчас обновил. Сайт уже почти готов.