Как мне исправить мое HTML-меню (простое неправильное меню в браузерах WebKit) - PullRequest
Новая
       13

Как мне исправить мое HTML-меню (простое неправильное меню в браузерах WebKit)

0 голосов
/ 07 февраля 2010

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

Вы можете увидеть верхнюю навигацию с надписью «Домой, играть в гольф ... и т. Д.» В верхней части этой страницы: http://urbangolf.mammalworld.com/golf-club-fitting/half-day

Кажется, что он работает правильно (выстраивается в одну строку) в Firefox и IE, но в Chrome и Safari он переносится на вторую строку со скоростью около 710 пикселей, и я не могу найти причину. Кажется, это происходит из-за замены шрифта с использованием Cufon, но это должно произойти, но если два других браузера (особенно IE !!) могут правильно его отрендерить, как я могу заставить вести себя те вебкиты?

Ваша помощь будет принята с благодарностью.

Правильно [IE / FF]

альтернативный текст http://urbangolf.mammalworld.com/templates/navigation-correct.jpg

Неправильно [Chrome / Safari]

альтернативный текст http://urbangolf.mammalworld.com/templates/navigation-wrong.jpg

1 Ответ

1 голос
/ 07 февраля 2010

Я не совсем уверен, почему webkit решил сделать это, но, к счастью, в этих ситуациях есть простое решение, использующее горизонтальные <ul> шаблоны.

В user.css Изменение: 

.top-navigation ul {margin:0;padding:0;padding-top:10px;padding-bottom:10px;width: 960px;}

Добавить white-space: nowrap;: 

.top-navigation ul {margin:0;padding:0;padding-top:10px;padding-bottom:10px;width:960px;white-space:nowrap;}
...