Адаптивный Background

Question

[Max]

Здравствуйте, помогите настроить адаптивный дизайн фонового изображения сайта. Проблема в том , что при изменении разрешения экрана (телефон, планшет) справа появляется белая полоса и выходит, что Background-image показывается не во всю ширину.

Сайт размещен на бесплатном хостинге так как делаю для диплома так что не пугайтесь) kinogo.bl.ee

Answer 1

[7rulnik]

Если я не ошибаюсь, то это происходит из-за того, что .container меньше по ширине (910px), чем #headline (960px) и .wrapper (966px).

Разберитесь с шириной и позиционированием (зачем там relative?).
Должно помочь.

А еще неплохо было бы избавиться от таблицы раз уж у вас верстка дивами ;)
И еще: прописывать стили в .html - дурной тон)

И еще еще: зачем вы подключаете jQuery дважды? Причем разные версии.
И достаточно подключить bootstrap.min.css.
Min - минифицированная версия. Меньший объем достигается за счет удаления переноса строк и пробелов. Код тот же.

Comments

[Max]

Большое спасибо за ответ) . к сожалению поздно обратил внимание и она перенеслась на все страницы, так что перед защитой буду чистить вместе с подключенными файлами)
А вот изменение .container к 966px результата не дало(

[7rulnik]

Итак:
1)#headline - уберите горизонтальный margin
2)#nav - уберите абсолютное позиционирование

Должно помочь.

P.S. Домашнее задание: блочная модель, сетка и документация бустрэпа.

[Max]

Большое спасибо за помощь, но на начальном этапе проблема решилась тегом meta name="viewport" ...