Сайт неправильно отображается в браузере safari на планшете

Тема в разделе "Верстка", создана пользователем verfaa, 5 ноя 2013.

Информация :
Уважаемые пользователи, прежде чем ответить в теме или создать новую, внимательно ознакомьтесь с Правилами раздела и Правилами форума
Для быстрого поиска ответов на ваши вопросы воспользуйтесь Картой раздела и/или Поиском по разделу
Модераторы: ultra
  1. verfaa

    verfaa

    Регистр.:
    29 янв 2007
    Сообщения:
    375
    Симпатии:
    41
    Всем привет. Вношу правки в клиентский сайт

    столкнулся с проблемой - клиент пишет, что при просмотре в браузере safari на планшете желтая полоска под меню съезжает вниз. Вот скрин:

    Проблема в том, что я даже проблемы не вижу - планшета у меня нет, в основных браузерах все работает нормально.
    Подскажите пожалуйста как решить проблему?
    P.S. Просьба из-под хайда сайт не выносить
     
  2. Solus_Rex

    Solus_Rex

    Регистр.:
    15 янв 2012
    Сообщения:
    425
    Симпатии:
    182
    В сафари 5 такой проблемы по Вашей ссылке не вижу...
    Может в ранних версиях?
    Файл могу убрать если надо.
     

    Вложения:

    • GS.PNG
      GS.PNG
      Размер файла:
      365,5 КБ
      Просмотров:
      23
    verfaa нравится это.
  3. Stas-P

    Stas-P

    Регистр.:
    7 сен 2013
    Сообщения:
    165
    Симпатии:
    126
    Сталкивался с похожей проблемой.
    Могу дать совет. У тебя эта желтая полоска идет отдельным элементом, так вот на планшете браузер разделяет меню и эту полоску вставляя между ними пробел.
    Попробуй сделать следующее, сделай фоновую картинку (фон меню и снизу эта полоска) и использую её как фон меню ul и будет счастье :ay:
     
    verfaa нравится это.
  4. ZOLK

    ZOLK

    Регистр.:
    13 сен 2011
    Сообщения:
    189
    Симпатии:
    108
    Посмотрел в IE Tester, сайт работает только в 8ом эксплорере, а в других не открывается. По поводу полоски, подозреваю дело в style="display: inline-block"
    Код:
    <img src="assets/templates/img/line.jpg" width="980" height="8" alt="line" style="display:inline-block">
     
    verfaa нравится это.
  5. Agnet

    Agnet Создатель

    Регистр.:
    11 июн 2012
    Сообщения:
    20
    Симпатии:
    4
    Еще актуально? Проверил в Safari 7.0, все вроде нормально

    но господа - подозреваю что в планшетном сафари немного по-другому все, хотя если актуально - отпишись, поставлю эмулятор айпада :D
     
    verfaa нравится это.
  6. verfaa

    verfaa

    Регистр.:
    29 янв 2007
    Сообщения:
    375
    Симпатии:
    41
    Уже неактуально.
    Сделал по совету Stas-P - просто сделал скрин меню и полоски, а затем картинку сделал фоном меню. Так 100% ничто не отъедет никуда
     
  7. shure348

    shure348 Создатель

    Регистр.:
    6 ноя 2012
    Сообщения:
    11
    Симпатии:
    2
    заметил что сайт шире 960px,
    айпады это не любят поэтому в шапке стоит прописать
    <meta name="viewport" content="width=980" initial-scale="1.0" minimum-scale="1.0" />
    или даже побольше например 1000 чтоб контент к краям не прижимался
    вообще решает многие проблемы