Здравствуйте! Помогите, может я что-то упускаю. делаю адаптивную вёрстку сайта, задаю размер через @media, ширина 100% и действительно в фаербаге пишут что ширина соответствует ширине устройства. Так вот вопрос задан на картинке прикрепленной к теме.

Может у кого нибудь есть какие-то идеи по этому поводу? Всю информацию предоставлю по просьбе помогающим.

ivan2083
Ну все верно, бекграунд растянут на 100%, а таблица и хеадер не дотягивают

зы: классы называть "body", не комильфо, потом будешь путаться, пропустишь точку спереди и пойдет "гулять" тело как ему вздумается.

для начала почитать про viewport из зачем он нужен в head для мобильных устройств

<meta name="viewport" content="width=device-width, initial-scale=1" />

потом проверить ширину и отступы двух div:
.header
.body

ширина должна быть равна body и не должно быть margin с краю

_____________
"internet explorer всех правильней отображает страницы" ©

walerus Закомментировал фон, без изменений, проблема не в этом.
SerginhoLD подскажи где толково про viewport написано что бы прочитать.
Я после работы приду и почитаю если поможет отпишусь и если не поможет отпишусь.

ivan2083
Я не писал что нужно "закомментировать" фон
Покажи стили класса body и header, а еще лучше сразу ссылку на сайт, что бы не ходить вокруг да около...

Вот стили и там ссылка на сайт.
Я сей час на работу, вечером продолжу.

В медиа запросах в конце css там только width:100%; у класса body и header.

проблема в .footer
уберите @media (max-width: 960px)
.footer {
width: 100%;
}

и будет Вам счастье. либо уберите
.footer {
padding: 10px;
}

_____________
ввв.парсер.рф - онлайн система проверки позиций Вашего сайта в поисковиках. Для форумчан 100 рублей на счет.

netruxa спасибо огромное, помогло, но на ещё меньших устройствах эта полоса ещё побольше и одним футером не обойтись. Не подскажешь в чем причина была а я потом сам докопаюсь с остальными размерами или подскажи где можно прочитать об этом. Спасибо ещё раз.

.menu_bottom, .f h4 a {margin-left: 0;}

а вообще для мобил всем столбцам назначают ширину 100%, либо скрывают ненужные

_____________
ввв.парсер.рф - онлайн система проверки позиций Вашего сайта в поисковиках. Для форумчан 100 рублей на счет.

netruxa

Спасибо, разобрался.