div css在ie6中错位

显示全部楼层 · 2009-6-26 14:51:18

http://www.apbacn.com/
网站右边的滑动菜单在ie6下高度不对，在ie7下没问题，怎么修改啊？
css中相关的代码是：
#right{
width:200px;
height:400px;
float:right;
margin:0px 0px 0px auto;
}
#menu2 {width:100%;margin:0px;padding:0px;text-align:left;list-style:none;}
#menu2 .item {margin:0px;padding:0px;list-style:none; text-align:center}
a.title:link,a.title:visited,a.title:hover {display:block;height:30px;line-height:30px; margin-top:1px;background:#E1F2FD;border-top:1px solid #B0D4ED;border-bottom:1px solid #B0D4ED;font-weight:bold;}
#menu2 .item ul {margin:0;display:none; list-style:none;;}
#menu2 .item ul li {height:29px;line-height:240%;border-bottom:1px solid #BFDBEE;margin:0 10px; text-align:left;}
js中代码是：
// --- 获取ClassName
document.getElementsByClassName = function(cl) {
var retnode = [];
var myclass = new RegExp('\\b'+cl+'\\b');
var elem = this.getElementsByTagName('*');
for (var j = 0; j < elem.length; j++) {
var classes = elem[j].className;
if (myclass.test(classes)) retnode.push(elem[j]);
}
return retnode;
}
// --- 隐藏所有
function HideAll() {
var items = document.getElementsByClassName("optiton");
for (var j=0; j<items.length; j++) {
items[j].style.display = "none";
}
}
window.onload = function() {
var show_item = "opt_1";
document.getElementById(show_item).style.display = "block";
var items = document.getElementsByClassName("title");
for (var j=0; j<items.length; j++) {
items[j].onmouseover = function() {
var o = document.getElementById("opt_" + this.name);
if (o.style.display != "block") {
HideAll();
o.style.display = "block";
}
else {
o.style.display = "none";
}
}
}
var focus = new Focus(imgs,'focus_m');
//这句是photo.js中的代码，如果不要中间图片效果，这句可以删去
}
如需要完整的css和js，可以直接下载
http://www.apbacn.com/css/css.css
http://www.apbacn.com/js/caidan.js

千问 · 2009-6-26 14:51:18

如果只是高度不对。。。可以这样来区分IE6，IE7，firefox: weight:“FF的高度”;*background:“IE7的高度”;_background:“IE6的高度”;
注：不管是什么方法，书写的顺序都是firefox的写在前面，IE7的写在中间，IE6的写在最后面。这样写就保证没有错位了...