некорректное отображение на разных устройствах

Сообщение **artweb** » 06 май 2015, 18:29

Доброго времени!
Подскажите кто сталкивался или просто знает
некорректно отображается сайт на айфонах
и вообще на эпле
белая полоса справа как будто выравнивание по левому краю хотя по факту по центру
белая полоса в лайтбоксе от формы
кнопки в формах вместо острых углов с радиусами и с градиентом стали
и вообще корявенько как то
то что шрифт в формах пополз это ерунда это решаемоа вот остальное..... :du_ma_et:

если кто знает подскажите как побороть это наверняка кому то еще это пригодится
ОСОБАЯ НАДЕЖДА НА АНОНИМУСА или АЛЕКСА впечатление что человеки знают о чем говорят
скрины прикрепляю

^70031A42084DE231D6902F3DAF7CB8AA48F1707868F2B7B961^pimgpsh_fullsize_distr.jpg

^57BD3661A7EA6D7860F2C179F830E0123252DDEC741AD9059A^pimgpsh_fullsize_distr.jpg

^82C65301A5F9807F7B40FE93E78AF864BB10132EA43F41C763^pimgpsh_fullsize_distr.jpg

^93D52CFBAEAEF121333C33CCB3FC99CA1192E6B088C9489C4C^pimgpsh_fullsize_distr.jpg

Сообщение **hitrik** » 06 май 2015, 19:33

Это один сайт для всех устройств или использовал breakpoints для разных разрешений экрана?

Сообщение **artweb** » 06 май 2015, 19:41

hitrik писал(а):Это один сайт для всех устройств или использовал breakpoints для разных разрешений экрана?

да один на все устройства, причем сначала все корректно было а в самом конце сборки раз и уехало и поплыло
кстати можно тут посмотреть только пока еще частично в процессе все
http://zzz.art-web-landing.ru/index.html

Сообщение **hitrik** » 06 май 2015, 19:56

Этот сайт у меня на телефоне в одном браузере отображается нормально, а в другом тоже с полоской.
Возможно так получается из-за того, что у webbuilder "грязный" код, отсюда и возникает конфликт.
К сожалению более ничем помочь не могу, надеюсь здесь кто-то знает ответ на Ваш вопрос.

YouTube · Сообщение **Alex** » 06 май 2015, 20:12

hitrik писал(а):Источник цитаты Возможно так получается из-за того, что у webbuilder "грязный" код

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

Сообщение **artweb** » 06 май 2015, 20:20

Alex писал(а):Источник цитаты У билдера конечно код не самый лучший, но... пока те, кто браузеры выдумывают, не приведут всё к одному стандарту, будет такая хрень...

это все так но делать то что? )))) ржу уже немогу истерика на нервной почве)

YouTube · Сообщение **Alex** » 06 май 2015, 20:32

Делай под основные браузеры, на всех не угодишь.

Сообщение **artweb** » 06 май 2015, 20:46

Alex писал(а):Источник цитаты Делай под основные браузеры, на всех не угодишь.

дак заказчик айфоном тычет( я б послал уже давно но уже практически все готово
по ссылке видно какой объем сделан жалко времени и сил

Сообщение **hitrik** » 06 май 2015, 21:01

Alex писал(а):
hitrik писал(а):Источник цитаты Возможно так получается из-за того, что у webbuilder "грязный" код

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

А я надеюсь, что и у Web builder код чище станет, а то сейчас сайты по валидности кода далек от идеала. Есть сервис webflow (это не реклама) конкурент web builder, он платный, только online и есть неприемлемые ограничения, зато код проходит хорошо валидность и хорошая адаптивная верстка для разных устройств.
Держу кулаки, чтобы web builder перенял эти плюcы!

Сообщение **artweb** » 06 май 2015, 23:09

ссылку удалил вернее сайт снес смотреть уже бесполезно, но совета по прежнему жду

JoBell · Сообщение **JoBell** » 15 май 2015, 15:39

Приветствую. Мимо шел, решил поделиться опытом.
У меня была подобная проблема - на смартфонах(iphone,HTC) сайт отображался некорректно - прижимался к левому краю, оставляя справа полосу.
Обнаружилось, что у одного из элементов "Текст" была настройка совместимости НЕ равна "По умолчанию". (Инспектор свойств -> совместимость). См приложение.
Когда выставил настройки "По умолчанию" - всё стало ровно. Ширина страницы 970px.

Сообщение **artweb** » 15 май 2015, 16:10

JoBell писал(а):Источник цитаты Приветствую. Мимо шел, решил поделиться опытом.
У меня была подобная проблема - на смартфонах(iphone,HTC) сайт отображался некорректно - прижимался к левому краю, оставляя справа полосу.
Обнаружилось, что у одного из элементов "Текст" была настройка совместимости НЕ равна "По умолчанию". (Инспектор свойств -> совместимость). См приложение.
Когда выставил настройки "По умолчанию" - всё стало ровно. Ширина страницы 970px.

Благодарю пригодилось

Сообщение **vit07** » 11 июн 2015, 12:31

Белые полосы справа от слоев
Слой- Свойства слоя- HTML исходник слоя(объекта)- Особый стиль, добавляем строчку : min-width:1280px; (где 1280 ширина сайта)

Сообщение **djamilia** » 20 июн 2015, 06:39

http://www.youtube.com/watch?v=vr9CevW1qfI

Сообщение **artweb** » 13 июл 2015, 13:34

это было первое что я посмотрел
в ситуации не помогло

JoBell писал(а):Источник цитаты Приветствую. Мимо шел, решил поделиться опытом.
У меня была подобная проблема - на смартфонах(iphone,HTC) сайт отображался некорректно - прижимался к левому краю, оставляя справа полосу.
Обнаружилось, что у одного из элементов "Текст" была настройка совместимости НЕ равна "По умолчанию". (Инспектор свойств -> совместимость). См приложение.
Когда выставил настройки "По умолчанию" - всё стало ровно. Ширина страницы 970px.

ЭТО ПОМОГЛО ну еще кое какие мелочи

Сообщение **Skrimwar** » 13 июл 2015, 16:05

Аналогично искал решение данной проблемы, но как я понял его тут нет. Делал сайт шириной 320px и на ios эдитбоксы и кнопка отправки смещалась и меняла цвет. Придумал как можно схитрить. Отрисовываем в фотошопе форму заказа и сохраняем картинкой, вставляем на сайт. Берем едитбокс и в свойствах делаем его прозрачным, подгоняем под нашу картинку. Далее берем кнопку - в свойствах выбираем изображение и ставим нашу картинку. В принципе все, основной проблемы это конечно не решает. Эдитбоксы по прежнему смещаются, но так как они прозрачные этого не заметно и не портит общую картину, а при заполнении у меня на 5s тоже все нормально выглядит. Вот ссылка на сайт: http://mnogo-sale.ru/test4/ Надеюсь понятно объяснил.

А у меня появился следующий вопрос, почему все изображения на мобильной версии портятся в качестве? Если с телефона смотреть, то видно какие нечеткие кнопки и картинки. Пробовал сохранять в максимальном качестве, эффекта ноль, может кто подскажет?

Сообщение **Serg333** » 15 июл 2015, 18:36

Skrimwar писал(а):Источник цитаты А у меня появился следующий вопрос, почему все изображения на мобильной версии портятся в качестве? Если с телефона смотреть, то видно какие нечеткие кнопки и картинки. Пробовал сохранять в максимальном качестве, эффекта ноль, может кто подскажет?

Под мобильную версию используй маленькие расширения картинок.

Сообщение **anonimus** » 15 июл 2015, 20:15

Skrimwar писал(а):Источник цитаты А у меня появился следующий вопрос, почему все изображения на мобильной версии портятся в качестве? Если с телефона смотреть, то видно какие нечеткие кнопки и картинки. Пробовал сохранять в максимальном качестве, эффекта ноль, может кто подскажет?

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

Сообщение **haarfus** » 26 ноя 2018, 14:28

vit07, Спасибо за подсказку. Наконец то избавился от белой полосы справа при отображении сайта на телефоне.

Кто сейчас на конференции

Добро пожаловать на форум!