Сообщений в теме: 14

[nxxx]

Здравствуйте.
Есть сайт, smartrider.ru при просмотре на компе или планшете, все нормально.
Если заходишь с телефона то происходит следующее

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

Помогите исправить.

Прикрепленные изображения

• 
• 
• 

[batta]

Здравствуйте
В main.css

.inner {
margin: 0 auto;
width: 1200px;
padding: 0;
clear: both;
background-color: #ffffff;
box-sizing: border-box;

измените на

.inner {
margin: 0 auto;
padding: 0;
clear: both;
background-color: #ffffff;
box-sizing: border-box;

[nxxx]

Ну нет, тогда все раздвигается по ширине. Обычная версия рассыпается полностью. А мне надо чтобы только красная полоса вверху и серая внизу раздвинулись до размеров экрана. В общем это не то.

Надо что бы было как на обычном компьютере

Прикрепленные изображения

• 

[MikDark]

nxxx (26 Июнь 2014 - 15:40) писал:

Ну нет, тогда все раздвигается по ширине. Обычная версия рассыпается полностью. А мне надо чтобы только красная полоса вверху и серая внизу раздвинулись до размеров экрана. В общем это не то.

Надо что бы было как на обычном компьютере

В main.css найдите:

html {
overflow: -moz-scrollbars-vertical;
margin: 0;
padding: 0;
}

и замените на:

html {
overflow: -moz-scrollbars-vertical;
margin: 0;
padding: 0;
width:1200px;
}

[nxxx]

Тоже нет.
Тогда обычная версия прижимается к левой стороне

Прикрепленные изображения

• 

[MikDark]

nxxx (26 Июнь 2014 - 15:52) писал:

Тоже нет.
Тогда обычная версия прижимается к левой стороне

Иначе не получится. Шаблон адаптивный, либо мы задаем ему фиксированную ширину, либо он подстраивается под размер экрана. С фиксированной шириной полоска не будет доконца доходить на большом экране.

[nxxx]

Так ее ширины не хватает на мобильном!
На обычном она как раз по всей ширине!

Причем не планшете ведь все нормально.

[MikDark]

nxxx (26 Июнь 2014 - 16:05) писал:

Так ее ширины не хватает на мобильном!
На обычном она как раз по всей ширине!

Причем не планшете ведь все нормально.

У Вас шаблон сейчас адаптивный, поэтому полоса автоматически становится шириной как разрешение экрана.

[nxxx]

Нельзя сделать что бы эти полоски тоже подстраивались под ширину экрана???

[MikDark]

nxxx (26 Июнь 2014 - 16:11) писал:

Нельзя сделать что бы эти полоски тоже подстраивались под ширину экрана???

Нет, не получится, у Вас уже идет фиксированная часть с товарами. Только задавать им тоже фиксированную ширину, но недостаток этого описан выше.

[nxxx]

Не совсем понял.
Если мы задаем фиксированную ширину полосок, то почему все остальное прижимается к левому краю? Может можно их сделать больше? Как то надо придумать ...

[MikDark]

nxxx (26 Июнь 2014 - 16:23) писал:

Не совсем понял.
Если мы задаем фиксированную ширину полосок, то почему все остальное прижимается к левому краю? Может можно их сделать больше? Как то надо придумать ...

Вот на этот код замените:

html {
overflow: -moz-scrollbars-vertical;
margin: 0 auto;
padding: 0;
width:1200px;
}

Будет по центру, но полоски не во всю ширину сайта.

[nxxx]

MikDark (26 Июнь 2014 - 16:25) писал:

Вот на этот код замените:

html {
overflow: -moz-scrollbars-vertical;
margin: 0 auto;
padding: 0;
width:1200px;
}

Будет по центру, но полоски не во всю ширину сайта.

Спасибо, это решает проблему мобильной версии но портит внешний вид сайта в обычной версии ...

А как убрать адаптивность шаблона?

[MikDark]

nxxx (26 Июнь 2014 - 16:40) писал:

Спасибо, это решает проблему мобильной версии но портит внешний вид сайта в обычной версии ...

А как убрать адаптивность шаблона?

Вот то что мы сейчас сделали - это и есть убрать адаптивность. Он не подстраивается под экраны, всегда одной ширины.

[nxxx]

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