навигации стол поплавка и ширина авто в Safari

Question

В новом веб-проекте мы имеем проблему CSS, которая происходит только в MacOS Safari: www.health4hospitality.co.uk/template

Firefox и Chrome (Win/Mac), а также IE и пограничный показ правильная навигация.

В Safari навигация отображается снизу вместо права логотипа. Кажется, что таблица CSS будет иметь ширину 100%, но ее ширина устанавливается на auto.

У кого-нибудь есть быстрое исправление? Я был бы здорово, если бы мне не пришлось сильно его менять только из-за Сафари.

Answer 1

Я установил бы ширину% для навигационной панели <ul>. Свойство auto представляет собой элемент на 100% в Safari. Установка это работает для меня во всех браузерах:

ul.navbar-nav { 
    width: 55%; 
}