如何修复我的 HTML 菜单(简单菜单在 WebKit 浏览器中行为不当)

发布于 2024-08-20 04:20:42 字数 906 浏览 9 评论 0原文

我将这个问题放在这里是因为我变得有点迫切地想要解决这个问题,这个问题现在让我感到非常困惑,因为我看不出它的原因。

您可以在本页顶部看到顶部导航栏,上面写着“首页,打高​​尔夫球...等”: http://urbangolf.mammalworld.com/golf-club-fitting/half- day

它似乎在 Firefox 和 IE 中正常工作(排成一行),但在 Chrome 和 Safari 上它在大约 710px 处换行到第二行,我找不到原因。这似乎是由于使用 Cufon 进行字体替换,但这必须发生,但如果其他两个浏览器(尤其是 IE!!)可以正确呈现它,我怎样才能让 webkit 的行为?

我们将非常感谢您的帮助。

正确 [IE/FF]

替代文本 http://urbangolf .mammalworld.com/templates/navigation- Correct.jpg

错误 [Chrome/Safari]

替代文本 http://urbangolf.mammalworld.com/templates/navigation-wrong.jpg

I'm placing this question here because i'm becoming a little desperate to fix this problem that has really puzzled me now as i can't see a reason for it.

You can see the top navigation that reads "Home, play golf...etc" at the top of this page:
http://urbangolf.mammalworld.com/golf-club-fitting/half-day

It seems to work correctly (lines up on one line) in Firefox and IE, but on Chrome and Safari it wraps to a second line at about 710px, and i can't find a reason. It seems to be due to the font replacement using Cufon, but this must occure, but if the other two browsers (especially IE!!) can render it correctly, how can i get the webkit ones to behave?

Your help will be greatly appreciated.

Correct [IE/FF]

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

Wrong [Chrome/Safari]

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

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

恬淡成诗 2024-08-27 04:20:42

我不完全确定为什么 webkit 决定这样做,但幸运的是,使用水平

    模式可以轻松解决这些情况。

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;}

I'm not entirely sure why webkit's deciding to do that, but luckily there's an easy fix for these situations using horizontal <ul> patterns.

In user.css Change:

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

Add white-space: nowrap;:

.top-navigation ul {margin:0;padding:0;padding-top:10px;padding-bottom:10px;width:960px;white-space:nowrap;}
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文