Firefox和IE8中存在奇怪的居中问题

时间:2010-06-12 05:21:13

标签: html css centering

我的网站http://hungryathome.net上的导航栏未在Firefox和IE8标准模式下正确居中。它在IE7兼容模式和Chrome中正确居中。

奇怪的是,将div(id =“navlinks”)上的保证金设置为4px或更高将使其正确居中。任何更少的将导致它略微偏离中心。我在Firebug中来回改变了这些值,这让我感到困惑。对于为什么会发生这种情况的任何解释?

1 个答案:

答案 0 :(得分:1)

啊哈,看着Firebug使用他们很棒的控件,将蓝色放在元素上,你的标题图像实际上悬挂在导航栏上大约3或4个像素,这导致它移动导航并实际制作它更小,所以它“正确”居中。尝试使标题高几个像素,直到它正确地卡入到位。

example http://img809.imageshack.us/img809/9784/example.jpg

编辑或者对该图片应用border: 0样式,以便它不会在其周围添加边框,可能是更好的解决方案......