在野生动物园中CSS菜单对齐奇怪吗?

时间:2013-04-10 00:39:36

标签: html css web

出于某种原因,我的网站的菜单在使用Safari时显示所有错误对齐..网站位于http://penarthpc.com/~redvaner/

我一直盯着它好几个小时,我无法弄明白。这让我疯狂。下面是“不正确”显示时的外观图像

http://i.imgur.com/t3hXjry.png

下面是我为Navbar编写的CSS(元素有问题)

(HTTP)pastebin.com/kLDBGnsU

非常感谢您的帮助!我的智慧结束了:(

1 个答案:

答案 0 :(得分:0)

我在第一眼看到的唯一区别是你的链接在Safari中有下划线。其他一切看起来很好,而不是像提供的图像。以下CSS应解决下划线问题:

a{text-decoration:none !important;}

关于提供的图片,也许可以尝试将以下内容添加到<li>样式

#nav-bar ul li{display:inline-block;zoom: 1;*display: inline;}

这是一个ie7修复,因为内联块元素通常不会在ie7

中正确呈现