jsp做的下拉菜单,在IE6下面正常,IE8下面显示的诡异,请帮忙

jingnidai 2011-05-24 02:24:07
先看看IE6的效果。

然后再看IE8的效果,字体变成竖排了。

这个就是大家都用得mm_menu.js的定义:
function Menu(label, mw, mh, fnt, fs, fclr, fhclr, bg, bgh, halgn, valgn, pad, space, to, sx, sy, srel, opq, vert, idt, aw, ah)
{
this.version = "020320 [Menu; mm_menu.js]";
this.type = "Menu";
this.menuWidth = mw;
this.menuItemHeight = mh;
this.fontSize = fs;
this.fontWeight = "plain";
this.fontFamily = fnt;
this.fontColor = fclr;
this.fontColorHilite = fhclr;
this.bgColor = "#555555";
this.menuBorder = 1;
this.menuBgOpaque=opq;
this.menuItemBorder = 1;
this.menuItemIndent = idt;
this.menuItemBgColor = bg;
this.menuItemVAlign = valgn;
this.menuItemHAlign = halgn;
this.menuItemPadding = pad;
this.menuItemSpacing = space;
this.menuLiteBgColor = "#ffffff";
this.menuBorderBgColor = "#777777";
this.menuHiliteBgColor = bgh;
this.menuContainerBgColor = "#cccccc";
this.childMenuIcon = "arrows.gif";
this.submenuXOffset = sx;
this.submenuYOffset = sy;
this.submenuRelativeToItem = srel;
this.vertical = vert;
this.items = new Array();
this.actions = new Array();
this.childMenus = new Array();
this.hideOnMouseOut = true;
this.hideTimeout = to;
this.addMenuItem = addMenuItem;
this.writeMenus = writeMenus;
this.MM_showMenu = MM_showMenu;
this.onMenuItemOver = onMenuItemOver;
this.onMenuItemAction = onMenuItemAction;
this.hideMenu = hideMenu;
this.hideChildMenu = hideChildMenu;
if (!window.menus) window.menus = new Array();
this.label = " " + label;
window.menus[this.label] = this;
window.menus[window.menus.length] = this;
if (!window.activeMenus) window.activeMenus = new Array();
}
...全文
184 4 打赏 收藏 转发到动态 举报
写回复
用AI写文章
4 条回复
切换为时间正序
请发表友善的回复…
发表回复
ted 2011-05-24
  • 打赏
  • 举报
回复
解决就好。。。
jingnidai 2011-05-24
  • 打赏
  • 举报
回复
虽然没找到问题在哪里,但是问题解决了。
赫赫。
jingnidai 2011-05-24
  • 打赏
  • 举报
回复
删除了一些不必要的css之后,页面正常了。
jingnidai 2011-05-24
  • 打赏
  • 举报
回复
怀疑是css定义引起的。

可能导致问题的CSS:

body {margin: 0px;font-size: 12px;}

img{ border:0px;}
a:hover {color: #FF3300;text-decoration: none;}
a {text-decoration: none;color: #000;}
.l1 {font-size: 14px;font-weight: bold;color: #514F50;}
.l2 {font-size: 14px;font-weight: bold;color: #1D56A3;}
.l3 {font-size: 14px;font-weight: bold;color: #fff;}
a.l3:hover {color: #ffff00;}
.l4 {font-size: 14px;font-weight: bold;color: #333333;}
.l5 {font-size: 18px;color: #C90801;font-family: "黑体";line-height: 22px;padding:0 0 10px 0;}
.l6 {color: #333333;line-height: 20px;}
.l7 {font-size: 14px;color: #424242;}
.l8 {color: #8E8E8E;}
.l9 {font-size: 20px;color: #000;font-family: "黑体";}
.zi_3 {color: #FF6000;}
a.zi_3:hover {color: #004098;}

.tab{}

#Profile {background: url(../images/bg1.gif) #306193 repeat-y center;}
.Letter {font-weight: bold;color: #B90000;}
.tongy {color: #B90000;}
.Navigation {font-size: 14px;font-weight: bold;color: #FFFFFF;}
.Navigation1 {font-size: 14px;font-weight: bold;color: #AD0F0F;padding: 0 25px 0 25px;}
.black12{font-size: 12px;color: #000;}
.jiange1 {margin-bottom: 12px;}
.jiange4 {margin-bottom: 12px;}
.jiange2 {margin-top: 10px;}
.jiange3 {margin-top: 10px;}
.bianluang {border: 1px solid #E4E4E4;margin-bottom: 10px; MARGIN-RIGHT: auto;MARGIN-LEFT: auto;}
.tup {height: 32px;width: 45px;padding: 1px;border: 1px solid #BEBEBE;}
.juzuo {float: left;}
.white12{font-size: 12px;color: #FFF;}
.blue12b_left{font-size: 12px;font-weight: bold;color: #1B4A7E; padding:4px 0 3px 0;}
a.white12:hover{font-size: 12px;color: #FFFF00;}
.hongse {font-weight: bold;color: #D50909;}
.lanse {font-weight: bold;color: #3C73B5;}
.lansea {color: #48656E;}
.lanseb {color: #20528B;}
.lianxi {border: 2px solid #DDE3E6;color: #2F2F2F;font-family: Arial, Helvetica, sans-serif;}
.dib {border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #358EB2;}
.rukang {height: 18px;width: 85px;border: 1px solid #A8A3A8;background-image: url(../images/section10.gif);}
.tudx {height: 139px;width: 207px;border: 1px solid #7b7b7b;}
.biat {border: 1px solid #bcc4b9;}
.biat1 {border-top: 5px solid #e8e8e8;border-right: 1px solid #e8e8e8;border-bottom: 1px solid #e8e8e8;border-left: 1px solid #e8e8e8;margin-top: 6px;}
.sousuo {background-image: url(../images/section17.gif);height: 22px;width: 146px;border: none;overflow: hidden;margin: 0px;padding: 0px;}
.pingl {font-weight: bold;color: #505050;}
.zhengw {font-size: 14px;color: #424242;list-style-type: none;width: 700px;margin-right: auto;margin-left: auto;line-height: 22px;margin-top: 20px;}
.qun1 {width: 186px;margin-top: 8px;margin-bottom: 10px;}
.huisez {color: #545454;}
.huisedi {color: #545454;line-height: 20px;}

.lieba {list-style-type: none;float: left;text-align: left;margin-top: 9px;text-indent: 16px;line-height: 19px;color: #09418E;}
.lieba1 {list-style-type: none;float: left;text-align: left;line-height: 18px;color: #09418E;padding-bottom: 10px;}
.lieba2 {list-style-type: none;float: left;text-align: left;margin:12px 19px 9px 20px;text-indent: 16px;line-height: 20px;color: #353535;}
.liebc {background-image: url(../images/l2.gif);list-style-type: none;float: left;padding-left: 18px;background-repeat: no-repeat;background-position: 3px 2px;text-align: left;margin: 6px 0 6px 0;}
.lieb {background-image: url(../images/er_10.gif);list-style-type: none;float: left;padding-left: 18px;background-repeat: no-repeat;background-position: 3px 3px;text-align: left;margin: 2px 0 2px 0;}
.liebc1 {background-image: url(../images/l2.gif);list-style-type: none;float: left;padding-left: 14px;background-repeat: no-repeat;background-position: left 2px;text-align: left;margin:10px 0 5px 0;font-weight: bold;color: #194B7E;}
.b1 {background-image: url(../images/section02.gif);background-repeat: repeat-x;background-color: #FFFFFF;}
.b2 {background-image: url(../images/section09.gif);background-repeat: repeat-x;background-color: #FFFFFF;}
.b3 {background-image: url(../images/section08.gif);background-repeat: repeat-x;background-color: #F7F7F7;background-position: bottom;}
.b4 {background-image: url(../images/bg2.gif);background-repeat: repeat-x;background-color: #F6F6F6;background-position: bottom;}
.b5 {background-image: url(../images/section13.gif);background-repeat: repeat-x;background-position: bottom;}
.b6 {background-image: url(../images/section24.gif);background-repeat: repeat-x;background-position: bottom;}
.b7 {background-image: url(../images/section13.gif);background-repeat: repeat-x;background-position: bottom;margin-top: 12px;margin-bottom: 12px;}
.b8 {background-image: url(../images/section13.gif);background-repeat: repeat-x;background-position: bottom;margin-top: 6px;}
.heise {color: #333333;}
.heise22 {color: #333333;line-height: 16px;}
.heise2 {color: #000;line-height: 16px;}

#TabTab03Con1{width:540px;border-top-width: 1px;border-top-style: solid;border-top-color: #FFFFFF;height: 93px;}
#TabTab03Con2{width:540px;border-top-width: 1px;border-top-style: solid;border-top-color: #FFFFFF;height: 93px;}
#TabTab03Con3{width:540px;border-top-width: 1px;border-top-style: solid;border-top-color: #FFFFFF;height: 93px;}

.xixi1{width:547px;height:31px;line-height:31px;background-image:url(../images/tab1.gif);cursor:pointer;}
.xixi2{width:547px;height:31px;line-height:31px;background-image:url(../images/tab2.gif);cursor:pointer;}
.xixi3{width:547px;height:31px;line-height:31px;background-image:url(../images/tab3.gif);cursor:pointer;}

.tab1{width:180px;height:31px;line-height:31px;float:left;text-align:left;cursor:pointer;text-indent: 26px;color: #B45C14;font-weight: bold;font-size: 13px;}
.tab2{width:180px;height:31px;line-height:31px;float:left;text-align:left;cursor:pointer;text-indent: 12px;color: #727272;font-weight: bold;font-size: 13px;}
.tab3{width:180px;height:31px;line-height:31px;float:left;text-align:left;cursor:pointer;color: #727272;font-weight: bold;font-size: 13px;}

.zxjzinput_1 {border:0px;width:145px;height:17px;font-size:12px;padding:5px 2px 0 3px;margin:0px;background: url(../images/sousuo.jpg) no-repeat;}

.black_20_600 {font-size: 22px;color: #000;font-weight: bold;line-height: 28px;padding: 26px 25px 26px 25px;}
.font03{font-size:12px; font-style:normal; color:#888888; border-bottom:1px dashed #d1d1d1;}
.font04{font-size:14px; line-height: 24px; font-style:normal; color:#424242; padding:20px 25px 30px 25px;border-bottom:1px dashed #d1d1d1;}
.font05{font-size:12px; font-style:normal; color:#505050; background-color:#f1f1f1;font-weight:bold; padding-left:10px;}
.hui_13{font-size: 12px;color: #454444;font-family: "宋体";}

.table1px_1{border-collapse:collapse;}
.table1px_1 td{border:1px solid #CACACA;}
.table1px_1 td table td{border:0;}

#chaxun2_lb5{background: url(../images/outline_31.gif) repeat-x;height: 24px;}
#chaxun2_lb6{background: url(../images/outline_33.gif) no-repeat;width: 1px;}
#chaxun2_lb7{background: url(../images/outline_32.gif) repeat-x;height: 1px;}
#chaxun2_lb8{background: url(../images/outline_34.gif) no-repeat;width: 1px;}
.black12b_lb{font-size: 12px;color: #000;font-weight: bold;padding:0 10px 0 10px;}
.chaxun12black_lb{font-size: 12px;line-height: 16px;color: #000;padding:5px 10px 5px 10px;}
.lb_l{font-size: 12px;line-height: 16px;color: #000;padding:7px 18px 6px 18px;font-weight: bold;}
.lb_r{font-size: 12px;line-height: 16px;color: #000;padding:7px 16px 6px 16px;}

87,901

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧