IE6和IE8布局显示问题
做了个菜单栏,在IE8及firefox里面看是能正常显示的,可是到了IE6里面看的时候,整个菜单栏的布局就变了..这个是在IE8及firefox下看到的效果:
这个是在IE6下看到的:
这个是后台代码:
StringBuilder sb = new StringBuilder();
StringBuilder jssb = new StringBuilder();
DataSet ds = GetR01ById();
sb.Append(@"<div id=""cate1"" class=""yuimenu"">
<div class=""bd"" style='border:none;'>
<ul class=""first-of-type"">");
jssb.Append("[");
for (int i = 0; i < ds.Tables[0].Rows.Count; i++)
{//start first for
DataRow dr = ds.Tables[0].Rows[i];
string typeId = dr["id"].ToString(); //商品类别编号
string typename = dr["c01"].ToString();//商品类别名称
string image_url = "images/proimg/p_" + typeId + ".jpg";
string url = "Index.aspx?R01ID=" + typeId;
string onclick = "javascript:MenuChange(" + typeId + ")";
sb.Append(string.Format(@"<li class='yuimenuitem'>
<a href='{2}' style='cursor:pointer;' class='yuimenuitemlabel' >
<table><tr>
<td style='width:40px;'>
<a href='{2}'><img style='border:none;' valign='asbmiddle' id='' src='{1}' /></a></td><td>
<a href='{2}' style='color:Black'>{0}</a>
</td></tr></table>
</a>", typename, image_url, onclick));
jssb.Append("{id:'" + typeId + "',itemdata:[");
DataSet nextDS = GetR02Byid(typeId);
if (nextDS.Tables[0].Rows.Count > 0)//有下级类别
{
//start if
for (int j = 0; j < nextDS.Tables[0].Rows.Count; j++)
{
DataRow nextdr = nextDS.Tables[0].Rows[j];
string nexttypeId = nextdr["id"].ToString(); //商品类别编号
string nexttypename = nextdr["c02"].ToString();//商品类别名称
string turl = "javascript:MenuChange2(" + nexttypeId + ")";
jssb.Append("{ text:\"" + nexttypename + "\", url:\"" + turl + "\" }");
if (j < (nextDS.Tables[0].Rows.Count - 1))
jssb.Append(",");
}
}
jssb.Append("]}");
if (i < (ds.Tables[0].Rows.Count - 1))
jssb.Append(",");
}
sb.Append(@"</ul></div></div>");
jssb.Append("]");
this.jss = jssb.ToString();
this.holder.InnerHtml = sb.ToString();
请问下各位这个是怎么回事?本人不胜感激... --------------------编程问答-------------------- 样式兼容性。。。 --------------------编程问答-------------------- 麻烦能说得详细点吗? --------------------编程问答-------------------- 问题补充:
下面贴出css给大家看下
.yuimenuitemlabel{border-bottom: 1px dotted #D7D8DD;}
.holder{border:none;}
.yuimenuitemlabel table{width:160px;}
.yuimenuitemlabel td{white-space:normal; text-align:left; vertical-align:middle;}
.yui-skin-sam .yuimenuitem-selected {background-color:White;}
.yui-skin-sam .yuimenu .topscrollbar, .yui-skin-sam .yuimenu .bottomscrollbar{border:none;}
.yui-skin-sam .yuimenu{font-size:100%;}
.yui-skin-sam .yuimenu .bd {border:solid 2px #960000;}
.yui-skin-sam .yuimenuitemlabel{color:#006093;cursor:pointer;}
请求高手快点出现啊... --------------------编程问答-------------------- 检查CSS兼容性 --------------------编程问答-------------------- IE6头疼 --------------------编程问答-------------------- 已解决,呵呵,设置td的padding-left:0px;属性就好了..
补充:.NET技术 , .NET Framework