日期:2014-05-17  浏览次数:20772 次

div css的问题
代码是
<div id="Bld_Rooms" runat="server">
<div id="tdBldList" runat="server" >
  <a>食品</a>
<a>工艺品</a>
<div id="tdBldInfo"><a>jj</a></div>
</div></div>

css文件:
#Bld_Rooms #tdBldList A {text-decoration:none;FONT-FAMILY:宋体,;
border:GrayText 1px solid;
COLOR:MenuText;WIDTH:60px;HEIGHT:60px;
text-align:center;
BACKGROUND-POSITION:center bottom;BACKGROUND-REPEAT:no-repeat;
padding:6 2 0 2;line-height:normal; margin:1 1 0 0;
}
#Bld_Rooms #tdBldInfo {CLEAR:both;}
#Bld_Rooms #tdBldInfo A {LINE-HEIGHT:180%;display:block;COLOR: MenuText; BACKGROUND-COLOR: ThreeDFace;margin:2 0 2 0;border: GrayText 1px solid;FONT-FAMILY: 宋体;}
为什么我得到的效果是这样 而食品工艺品没有变成jj那种形式。 谢谢

------解决方案--------------------
这个问题,和<div runat="server">还真有关系。
这是ASP.NET的特点。如果你对DIV用runat="server"了,则ID只对服务器端程序有效,返回到客户端时ID就变了。
所以,要解决这个问题,就要把贴出来的那落分改成如下的样子(如有其它部分也涉及到,参考办理):
CSS code
#<%=Bld_Rooms.ClientID%> #<%=tdBldList.ClientID%> A {text-decoration:none;FONT-FAMILY:宋体,;
border:GrayText 1px solid;
COLOR:MenuText;WIDTH:60px;HEIGHT:60px;
text-align:center;
BACKGROUND-POSITION:center bottom;BACKGROUND-REPEAT:no-repeat;
padding:6 2 0 2;line-height:normal; margin:1 1 0 0;
}
#<%=Bld_Rooms.ClientID%> #tdBldInfo {CLEAR:both;} 
#<%=Bld_Rooms.ClientID%> #tdBldInfo A {LINE-HEIGHT:180%;display:block;COLOR: MenuText; BACKGROUND-COLOR: ThreeDFace;margin:2 0 2 0;border: GrayText 1px solid;FONT-FAMILY: 宋体;}

------解决方案--------------------
探讨

这个问题,和<div runat="server">还真有关系。
这是ASP.NET的特点。如果你对DIV用runat="server"了,则ID只对服务器端程序有效,返回到客户端时ID就变了。
所以,要解决这个问题,就要把贴出来的那落分改成如下的样子(如有其它部分也涉及到,参考办理):
CSS code
#<%=Bld_Rooms.ClientID%> #<%=tdBldList.Cl……