Проблемы верстки в Safari

Тема в разделе "Вёрстка (HTML, CSS)", создана пользователем Balthazar, 14 апр 2016.

  1. Balthazar

    Balthazar

    Регистрация:
    4 апр 2016
    Сообщения:
    17
    Симпатии:
    0
    Доброй ночи! В целом все под сафари, сделал не понятно только почему в сафари не ровно корзина?
    Вот такое отображение в сафари [​IMG] , сам сайт fvsport.com .
    В чем проблема ?! И если не сложно объясните почему сафари так плохо видит, а chrome нормально вроде один движок. Спасибо за внимание.
     
  2. iga

    iga

    Регистрация:
    6 фев 2014
    Сообщения:
    145
    Симпатии:
    20
    Попробуйте ссылку на корзину впихнуть в див с поисковой формой и задать float:left. Типа того:
    HTML:
    <div class="search-container">
                            <!-- product search -->
    <form method="get" action="/search/" class="search" style="float: left;">
        <div class="search-wrapper">
            <input id="search" type="search" name="query" placeholder="">
        </div>
    </form>
    <!-- checkout navigation -->
    <a href="/checkout/" style="float: left;"><img class="noun_110604_cc" src="/wa-data/public/site/themes/img/noun_110604_cc.png" alt="" width="30" height="30"></a>
    </div>
     
  3. Dotrox

    Dotrox Команда форума

    Регистрация:
    27 ноя 2012
    Сообщения:
    2.050
    Симпатии:
    777
    Уже давно не один движок! Хром и все браузеры семейства Chromium (Opera, Vivaldi и другие) три года назад перешли на Blink - это самостоятельный движок частично основанный на коде из WebKit. В Apple после этого обиделись и поудаляли из WebKit все изменения, которые были сделаны разработчиками Гугл, так что сейчас Blink и WebKit - это два абсолютно разных движка.
    И за последние несколько лет Safari стал существенно отставать от Мозиллы и Хрома.
     
  4. Balthazar

    Balthazar

    Регистрация:
    4 апр 2016
    Сообщения:
    17
    Симпатии:
    0
    Спасибо . Теперь буду знать.
    --- Добавлено, 14 апр 2016 ---
    Dotrox, Dotrox, Dotrox,
    Спасибо, не плохой совет, но не совсем то, меню потом стает плохо.
     
  5. iga

    iga

    Регистрация:
    6 фев 2014
    Сообщения:
    145
    Симпатии:
    20
    А чего с менёй происходит? Распадается, съезжает?
    clear:both там вроде есть, странно.
    Кстати, иконки ещё разного размера. В хроме и мозиле тоже на разной высоте. Пара пикселей, но есть.
     
  6. Balthazar

    Balthazar

    Регистрация:
    4 апр 2016
    Сообщения:
    17
    Симпатии:
    0
    Стает по центру с лева не ровно относительно правой стороны. Меня больше беспокоит почему меню не по центру ? Слева больше относительно правой стороны. С корзиной я сейчас решу правда поставлю другую картинку, а вот что делать с меню оно кривое до ужаса. Помогите выровнять его по центру. Чет запутался.
    --- Добавлено, 14 апр 2016 ---
    Беда с header в целом. Левая сторона не ровно правой, меню тоже соответственно едет, нужно header ровнять, что там не хватает то не пойму ? Буду безумно признательный. Или что лишнее ?
     
  7. iga

    iga

    Регистрация:
    6 фев 2014
    Сообщения:
    145
    Симпатии:
    20
    ul внутри pryamougolnik-4-holder дать padding:0 и менюха сместится влево. Это бесило?:Acute:
     
  8. Balthazar

    Balthazar

    Регистрация:
    4 апр 2016
    Сообщения:
    17
    Симпатии:
    0
    Вроде не плохо header стоит. Не нравится выпадающее меню нужно по центру. А сейчас большой отступ слева и не дотяг с права, а больше всего бесит что в сафари чуток по другом . я так понимаю выпадающее меню ровнять padding-left или имеется лучшее решение ?!