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的又一个变态问题_第1张图片

可在ie6下却变态的显示:

ie6的又一个变态问题_第2张图片

就针对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>

你可能感兴趣的:(ie6)