我的网站http://hungryathome.net上的导航栏未在Firefox和IE8标准模式下正确居中。它在IE7兼容模式和Chrome中正确居中。
奇怪的是,将div(id =“navlinks”)上的保证金设置为4px或更高将使其正确居中。任何更少的将导致它略微偏离中心。我在Firebug中来回改变了这些值,这让我感到困惑。对于为什么会发生这种情况的任何解释?
答案 0 :(得分:1)
啊哈,看着Firebug使用他们很棒的控件,将蓝色放在元素上,你的标题图像实际上悬挂在导航栏上大约3或4个像素,这导致它移动导航并实际制作它更小,所以它“正确”居中。尝试使标题高几个像素,直到它正确地卡入到位。
example http://img809.imageshack.us/img809/9784/example.jpg
编辑或者对该图片应用border: 0
样式,以便它不会在其周围添加边框,可能是更好的解决方案......