再一次,我在这个问题上对 IE7 不知所措。
我正在制作一个几乎完全基于 CSS 的固定标题可滚动正文表(水平滚动仍然需要 javascript 才能工作)。它是基于此的修改版本。在我检查过的浏览器中看起来不错:Chrome、Firefox 和 IE8+。但是,在 IE7(可能更低)中,标题行为不端,就像顽皮的害群之马一样,我不知道为什么。
感谢和鼓励任何修复/改进/建议/更改。:
)(我想要一个窗户式的外观)
这是一个现场 jsFiddle
这是Firefox和IE7之间的比较图片
再一次,我在这个问题上对 IE7 不知所措。
我正在制作一个几乎完全基于 CSS 的固定标题可滚动正文表(水平滚动仍然需要 javascript 才能工作)。它是基于此的修改版本。在我检查过的浏览器中看起来不错:Chrome、Firefox 和 IE8+。但是,在 IE7(可能更低)中,标题行为不端,就像顽皮的害群之马一样,我不知道为什么。
感谢和鼓励任何修复/改进/建议/更改。:
)(我想要一个窗户式的外观)
这是一个现场 jsFiddle
这是Firefox和IE7之间的比较图片
我会建议 IE7 的另一种外观:)
首先 - 我看到你在第三列中除了 IE 之外的任何地方都隐藏了操作这个词 - 这就是问题的开始。IE 不会height: inherit
在div
. 将它设置为 22px 就可以了——至少它不会破坏布局。见这里 - http://fiddle.jshell.net/6T3h4/6/
但是问题仍然存在于边框...我的建议是仅使用 ie7 删除边框,*border: 0;
其他人都会忽略该边框。
结果 - 与当前的相比,至少你会有更好的视觉呈现)))见这里: http: //fiddle.jshell.net/6T3h4/7/(在这个例子中,我只是删除了要保存的边框时间 - 所以它在所有浏览器中都消失了。*border: 0;
如果你愿意,可以使用)
它是部分解决方案,我建议仅在您无法找出 IE 将元素放在thead
. 可以这么说,作为最后的手段,但不是一直这样做;)如果我有更多时间,我会研究这个问题,但我不确定我是否需要)
只需添加以下代码:
table.list thead tr {*position: relative;} /* For IE 7 */
找到一种方法来工作tfoot
但不工作。