我的网页导航栏在不同的电脑上显示会错位

发布网友发布时间：2022-04-20 22:37

共2个回答

懂视网时间：2022-04-21 02:59

我想弄一个导航栏固定在顶端的样式。现在的显示有点问题，如下图：

我并没有用margin-top, padding-top之类。

   Login
 Register

#top_bar{top:0;left:0;right:0;height: 40px;width:100%;position:absolute;background-color: #00CCFF;}#nav{width:960px;height:40px;margin:auto;background-color:#c0c0c0;}ul{height:40px;float:right;margin-right:20px;list-style:none;background-color:#000;}li{height:40px;float:left;margin-left:20px;color:#ffffff;}

回复讨论(解决方案)

不会吧没人能解决这个问题啊

是不是这效果

   Login
 Register

热心网友时间：2022-04-21 00:07

在CSS里进行调整，
用IE6、7专用代码来调整IE6、7下的布局位置，
IE8用公共的代码就行，
比如有*weight和_weight之分，来针对不同的浏览器。
针对不同浏览器的代码要写在公共代码的后面，
比如*weight和_weight就要写在weight的后面。
具体可以去网上找一些关于IE6、7兼容性之类的区别的文章。
我也碰到类似问题，然后根据那些文章的介绍改的CSS。

再推荐个工具，IETester，可以模拟IE6、7、8浏览器，不用挨个装来装去折腾，也挺不错。说的比较乱，希望您能看懂，呵呵，不过百度下那篇CSS兼容性的文章或许能有所领悟。追问网页放大缩小才会错位