1

したがって、これは何よりもCSSの問題だと思いますが、基本的に、私が提供したHTMLには、リアクティブレイアウトの固定ヘッダーテーブルが含まれています。
コード： http： //jsfiddle.net/JpRQh/10/

3行のデータがありますが、IE9では、テーブルの行が非常に高く、スクロールバーが無効になっているようです。

固定ヘッダーテーブルで行った例：http： //www.imaputz.com/cssStuff/bigFourVersion.html でもIE9でも同じ問題が発生します。

それを修正する方法について何かアイデアはありますか？

編集：十分なデータがある場合は、テーブルがスクロールすることを約束します。しかし、たとえば3行しか含めませんでした。

4

1 に答える 1

3

これがIEで問題を引き起こすルールです。実例： http： //jsfiddle.net/JpRQh/12/

html>body tbody.scrollContent {
    margin-top: 24px;
    padding-top: 8px;
    display: block;
    height: 400px; /* If you delete this rule you will see the table rows return to their normal size */
    overflow: auto;
    width: 100%
}

スクロールtbodyや固定ヘッダーなどのスタイリングは、ブラウザー間の互換性に関して多くの問題を引き起こす傾向があります。クロスブラウザスクロールに関するこのリンクtbodyをご覧ください。

ただし、これは最も見栄えの良いクロスブラウザソリューションのようです。CSSを検査する必要があります。

于 2011-08-01T22:40:24.643 に答える