Comment réparer mon menu HTML (menu simple mal se comporter dans les navigateurs WebKit)

Question

Je pose cette question ici parce que je deviens un peu désespérée pour résoudre ce problème qui m'a vraiment intrigué maintenant car je ne peux pas voir un raison pour cela.

Vous pouvez voir la barre de navigation qui lit « Home, jouer au golf ... etc » en haut de cette page: http://urbangolf.mammalworld.com/golf-club-fitting/half-day

Il semble fonctionner correctement (lignes sur une ligne) dans Firefox et IE, mais sur Chrome et Safari, il s'enroule sur une deuxième ligne à environ 710px, et je ne trouve pas de raison. Il semble être dû au remplacement de police en utilisant Cufon, mais cela doit se produire, mais si les deux autres navigateurs (en particulier IE !!) peuvent le rendre correctement, comment puis-je faire fonctionner les webkit?

Votre aide sera grandement appréciée.

correct [IE/FF]

alt text http://urbangolf.mammalworld.com/templates/navigation-correct.jpg

Mauvaise [Chrome/Safari]

alt text http://urbangolf.mammalworld.com/templates/navigation-wrong.jpg

Answer 1

Je ne suis pas tout à fait sûr pourquoi décider de webkit à faire , mais heureusement, il existe une solution facile pour ces situations en utilisant des motifs horizontaux <ul>.

Dans user.css Changement:

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

Ajouter white-space: nowrap;:

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