Проблема с версткой на iPad и Chrome mobile [Решено]

[AE1]

Добрый день!

Расширил шаблон сайта до 1020 px, все в порядке, но возникла проблема, в браузере айпада, съезжает меню в столбце слева... подскажите, пожалуйста, как побороть можно?

[Yurta]

При такой ширине (1020 px) у вас не только на планшете будут бока.\

Я конечно не знаю в чем у вас там за проблема, но попробуйте вставить в шаблон метатег:

<meta name="viewport" content="initial-scale=1, maximum-scale=1" />
или
<meta name="viewport" content="width=1024">

[AE1]

При такой ширине (1020 px) у вас не только на планшете будут бока.\ Я конечно не знаю в чем у вас там за проблема, но попробуйте вставить в шаблон метатег:

или

К сожалению, метатегом (я его поправил если все правильно понял в /www/wintec.ru/catalog/view/theme/default/template/common/header.tpl) дело не поправилось, проблема не с разрешением, на главной странице, все ок, с версткой, и только на остальных (например) съезжает. В обычных браузерах все отлично, только в браузере с iPod и Chrome с телефона съезжает левый столбец вправо.

[ravilr]

так бы сразу ссылку на сайт дали и ждать не пришлось бы!

У Вас просто напросто съезжает меню.

сделайте поменьше отступ #menu > ul > li > a слева и справа и все будет хорошо!!

P.S хочу такие шторы )))

[AE1]

так бы сразу ссылку на сайт дали и ждать не пришлось бы!

У Вас просто напросто съезжает меню.

сделайте поменьше отступ #menu > ul > li > a слева и справа и все будет хорошо!!

P.S хочу такие шторы )))

Так в том то и дело, что съезжает не меню верхнее а столбец левый. А основное поле прокручиваться начинает. По всей видимости надо, что-то в параметре

}

#column-left {

float: left;

width: 180px;

исправить, только не могу понять, как поправить, у меня же на компе во всех браузерах IE, CH, OP, FF, SA, все отлично.... и только на мобильных девайсах проблемы...

P.S. если надумаете подобные шторы обустроить :) обращайтесь! :)

[AE1]

Решил наконец!

#column-left {

float: left;

width: 180px;

position: absolute;

}

[tim21701]

Только что посмотрел Ваш сайт на обоих системах, подобного "глюка" как у Вас не вижу.

iOS 6.0.2 Safari, iPad mini (model MD542 64G+Cell), Экран 1024х768:

Android 4.0.4 Google Chrome, Sharp (model SH631W), Экран 960х540:

Тему закрыл.