Перейти к содержимому


Некорректное Отображение Сайта С Мобильных Устройств


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 7

#1 oleg_zaytsev

oleg_zaytsev

    Пользователь

  • Пользователи
  • PipPip
  • 15 сообщений

Отправлено 10 Ноябрь 2012 - 20:20

Добрый вечер.
До этого все отлично отображалось на всех устройствах. Недавно я поменял фон на неподвижный, сделал боковые вставки черного цвета. теперь когда захожу на сайт с телефона или с Ipad-a, то такое ощущение будто задний фон перекрывает Header. Логотип и шапка пропадают.

Вот сайт Arenatime.ru

В чем может быть проблема?

#2 Koderhan

Koderhan

    Активный участник

  • Модератоpы
  • 6 227 сообщений

Отправлено 12 Ноябрь 2012 - 08:04

Пожалуйста, опишите условия при котором возникает такое отображение.
Если можно еще скриншот.

#3 oleg_zaytsev

oleg_zaytsev

    Пользователь

  • Пользователи
  • PipPip
  • 15 сообщений

Отправлено 14 Ноябрь 2012 - 00:19

Вот пример с айфона. Задний фон перекрывает Логотип и шапку и сам header_page.png. видимо где то что то удалил в кодах, а теперь найти не могу.

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

  • xpmCt674jyc.jpeg


#4 Koderhan

Koderhan

    Активный участник

  • Модератоpы
  • 6 227 сообщений

Отправлено 14 Ноябрь 2012 - 08:17

Возможно дело в синтаксической ошибке в коде css.
Вы можете это исправить в файле main.csstemplate (Сайт-> Редактор тем).
Найти код:
body {
  background-color: #212121;
  min-width: 960px;
}
 background: url(http://arenatime.ru/web/upload/assets/images/41/40391/1234.png?3807) center top no-repeat fixed; 
#wrapper {
  
  padding-bottom: 10px;
}
Заменить на:
body {
  background-color: #212121;
  min-width: 960px;
}

#wrapper {
  
  padding-bottom: 10px;
}
Как вы уже заметили, код " background: url(http://arenatime.ru/...1/1234.png?3807) center top no-repeat fixed;" был лишним тут.

#5 oleg_zaytsev

oleg_zaytsev

    Пользователь

  • Пользователи
  • PipPip
  • 15 сообщений

Отправлено 14 Ноябрь 2012 - 12:54

Это да, я его убирал. просто я этот код специально за кавычки вынес, чтобы пока бока не отображались.  в общем что с ним что без него не меняется ничего

#6 Koderhan

Koderhan

    Активный участник

  • Модератоpы
  • 6 227 сообщений

Отправлено 14 Ноябрь 2012 - 15:23

oleg_zaytsev, Для таких случаев есть комментарии к коду. Комментарии интерпретаторы обходят стороной.
вот пример:
/* background: url(http://arenatime.ru/web/upload/assets/images/41/40391/1234.png?3807) center top no-repeat fixed; */
Логотип вашего сайта привязан к фону.

#7 pin

pin

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 71 сообщений
  • ГородМосква

Отправлено 27 Февраль 2014 - 18:33

Здравствуйте! Подскажите что мне делать?
Я делаю приложения для Плай Маркет и в виде приложения сайт очень искорежен. Помогите пожалуйста мне исправить данную ошибку. СПАСИБО!!!
Вот снимок того что получается:

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

  • Безымянный99.png


#8 Сake

Сake

    Активный участник

  • Модератоpы
  • 5 979 сообщений

Отправлено 28 Февраль 2014 - 00:39

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




Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных