ie6的又一个变态问题
html代码如下:
<div id="items_name" class="clearfix" >
<span style="width:227px;text-align:left;padding-left:15px;>课程名称</span>
<span style="width:146px;">单价</span>
<span style="width:128px;">状态</span>
<span style="width:112px">总计</span>
<span style="width:82px;">操作</span>
</div>
css代码如下:
.info_content #items_name{
width:710px;
height:33px;
line-height:33px;
border-bottom:1px solid #ccc;
background-color:#f5f5f5;
}
.info_content #items_name span{
display:block;
float:left;
height:33px;
color:#444;
text-align:center;
}
这样设置标准浏览器是没问题的,也就是使用w3c标准盒子模型的浏览器是没问题的。外面div的宽度710px刚好等于里面几个span宽度的总和加上
第一个span的左边距15px. 表准浏览器下显示没问题,如下:
、
可在ie6下却变态的显示:
就针对ie6写hack就好了,
<div id="items_name" class="clearfix" >
<span style="width:227px;text-align:left;padding-left:15px;_padding-left:0;_text-indent:8px;" >课程名称</span>
<span style="width:146px;">单价</span>
<span style="width:128px;">状态</span>
<span style="width:112px">总计</span>
<span style="width:82px;">操作</span>
</div>