繰り返しになりますが、これについては IE7 で途方に暮れています。
ほぼ完全に CSS に基づいて、固定ヘッダーのスクロール可能なボディ テーブルを作成しています (水平スクロールを機能させるには、JavaScript が必要です)。これ を もと に 改変 し たもの。私がチェックしたブラウザではうまく見えます: Chrome、Firefox、IE8+。ただし、IE7 (およびおそらくそれ以下) では、いたずらな黒い羊のようにヘッダーが誤動作し、その理由がわかりません。
修正/改善/提案/変更は高く評価され、奨励されます。:)
(私は窓風の外観を目指していました)
Firefox と IE7 の比較画像です。
私はIE7の別の外観を提案します:)
まず第一に、IE を除くすべての場所で 3 番目の列に「操作」という単語が隠されていることがわかります。そこから問題が始まります。height: inheritIE は、 に宣言を適用しませんdiv。22px に設定するとうまくいきました - 少なくともレイアウトを崩すことはありません。ここを参照してください - http://fiddle.jshell.net/6T3h4/6/
*border: 0;しかし、問題は境界線に残っています...私のアドバイスは、他の人には無視される を使用して、ie7 の境界線のみを削除することです。
結果として、少なくとも現在のものよりもはるかに優れた視覚的プレゼンテーションが得られます))) ここを参照してください: http://fiddle.jshell.net/6T3h4/7/ (この例では、保存するために境界線を削除しただけです時間 -すべてのブラウザでどこでも消えます。*border: 0;必要に応じて、代わりに使用してください)
これは部分的な解決策です。IE が .xml の要素を誤って配置する理由を突き止められない場合にのみ使用することをお勧めしますthead。つまり、最後の手段として、常に行う方法ではありません ;) もう少し時間があれば、この問題を調べますが、必要があるかどうかはわかりません)
このコードを追加するだけです：
table.list thead tr {*position: relative;} /* For IE 7 */
に取り組む方法を見つけていますが、機能してtfootいません。