导航栏修改

2007-08-13 | 作者：黯然销魂剑

字号: 大 | 中 | 小

经过一番折腾，终于改好CSS，搞定导航栏，YES！经IE6和Firefox测试通过。

/* nav menu */
#menu ul{
list-style-type: none;
padding-left: 0px;
padding-bottom: 10px;
margin-left: 0px;
}
#menu li{
float: left;
}
#menu li a{
color: #ff7700;
font-size: 14px;
text-decoration: none;
padding-top: 4px;
display: block;
width: 52px;
height: 22px;
text-align: center;
background-color: #eeeeee;
margin-right: 2px;
}
#menu li a:hover{
background-color: #ff7700;
color: #ffffff;
}

#menu ul中的

margin-left: 0px;

这句相当重要。摸索了很久，才加上了这一句。否则在IE下浏览，导航栏位置出现偏移（距左20px左右）。而在Firefox下用

padding-left: 0px;

即可控制。

[最后修改由黯然销魂剑，于 2008-12-19 14:45:27]