[已解决] IE核下的离奇错位

[babylonjudge]

在付款的最后一步 出现了这种形式的错位
火狐下一切正常
用IETESTER 无法定位到

[Alison Simas]

好像IE都没出现这个问题，你重新安装一下IE看看。

[babylonjudge]

我的是在付款的最后一步出现的
我曾经改过那个页面
不过我改的是PHP文件
难道也会导致这个样式的变化

现在不好发网站

[21846657]

下面是默认模板global.css对应order-steps.tpl的部分CSS：

/* steps (like order step) */
ul.step {
   background: transparent url('../img/step_start.gif') no-repeat bottom left;
   list-style: none;
   margin: 0.8em auto 2em;
   padding-left: 40px;
   height: 25px;
   width: 465px
}
ul.step li {
   height: 25px;
   float: left;
   width: 100px;
   text-align: center;
   background: transparent url('../img/step_standard.gif') no-repeat bottom left
}
ul.step li.step_current {
   background: transparent url('../img/step_current.gif') no-repeat bottom left;
   font-weight: bold
}
ul.step li.step_todo { font-style: italic }
ul.step li#step_end { width: 40px }
ul.step li#step_end { background: transparent url('../img/step_end.gif') no-repeat bottom left }
ul.step li#step_end.step_current { background: transparent url('../img/step_end_current.gif') no-repeat bottom left }
ul#order_step { background-color: white }

你对比下，确认是否有更改。

[babylonjudge]

对比了 这一块并没有任何修改
跟上面代码一样
我很奇怪的是 为什么是到交易的最后一个步骤才错位（前面的几个步骤并未错位）
而且错位的情况是 交易流程图的第一个和最后一个都下移了

[21846657]

我猜你用的是IE6吧？有float元素在，IE6就会出现双倍margin的bug。在ul.step里，加上个hack试试：

   _margin: 6px auto 20px;

到payment时，两头才下移，我也不晓得为什么 :-/

[babylonjudge]

我用过IE6 和IE8 都出现了错位 我试试你的办法

[babylonjudge]

改过了还是不行
不知道是不是因为修改过order-payment.tpl文件

[21846657]

那是有可能的。

还要清空smarty的缓存，才能看到模板的改变。

[babylonjudge]

已经解决了 我把那个进度的长度都缩小了 用firefox看了一下 是margin的问题