首页 新闻 搜索 专区 学院

TabContainer动态添加后样式问题

0
悬赏园豆:50 [已关闭问题]

我的TabContainer是动态添加的。在我电脑IE7下样式正常显示,但至客户那里IE6上样式就变行了!不知道为何!代码如下:

看一下效果图:(别看里面的图片哦。我指的是TAB那几个选项的样式)

IE7下效果:

IE6下效果:

前台

Code Visible="false" ForeColor="Red" 
Text="未添加产品,请管理员至后台添加"></asp:Label>
<asp:PlaceHolder ID="PHproduct" runat="server">
</asp:PlaceHolder>
</td>
</tr>
</table>

 后台:

 

Code

样式表如下:

/* AJAX - TabContainer */
.AjaxTabStrip .ajax__tab_header
{
  border-left:1px #D1DAE3 solid;
  border-right:1px #D1DAE3 solid;
  border-top:1px #D1DAE3 solid;
 font-family: verdana,tahoma,helvetica; /*設定文字*/
 font-size: 12px; /*文字大小*/
 height:25px;
 background:url('bg2.gif') repeat-x top;
}
.AjaxTabStrip  .ajax__tab_body /*資料區*/{
font-family:verdana,tahoma,helvetica;/*設定文字*/
font-size:10pt;/*文字大小*/
border:1px solid #D1DAE3;/*邊框*/
border-top:0;/*邊框上頭寬度為0 → 就等於沒有上邊框囉*/
padding:8px; /*文字與邊框間隔*/
background-color:#ffffff;/*背景顏色*/
}
.AjaxTabStrip .ajax__tab_tab /*預設-中間*/
{
 font-size: 12px;
 color: #1f2f46;
 overflow: hidden;
 float: left;
 padding-left: 10px;
 height: 25px;
 line-height: 25px;
 width:110px;
 }
.AjaxTabStrip .ajax__tab_active .ajax__tab_tab
{
 font-size: 12px;
 font-weight: bold;
 color: #1f2f46;
 overflow: hidden;
 float: left;
 background: url(bg4.gif) no-repeat;
 padding-left: 10px;
 height: 25px;
 line-height: 25px;
}

 

问题补充: 前台代码如下: <table width="100%" cellpadding="0" cellspacing="0" border="0"> <tr> <td style="height:500px; vertical-align:top"> <asp:Label ID="LabTypeNull" runat="server" Visible="false" ForeColor="Red" Text="未添加产品,请管理员至后台添加"></asp:Label> <asp:PlaceHolder ID="PHproduct" runat="server"> </asp:PlaceHolder> </td> </tr> </table>
看雪飘过的主页 看雪飘过 | 初学一级 | 园豆:50
提问于:2008-12-18 09:35
< >
分享
清除回答草稿
   您需要登录以后才能回答,未注册用户请先注册