0

iIE8 (バージョン: 8.0.6001.18702) とこの Web サイト (gute-tat.de) に問題があり、自分では解決できません。他のすべてのブラウザーではスクロールは問題ありませんが、IE8 ではスクロールがたまにしか機能しないか、まったく機能しません。スタックオーバーフローまたはグーグルで解決策を見つけることができませんでした。

サイトを検証し、すべてのエラーを修正することで、問題を解決しようとしました。このページにはhttp://www.gute-tat.de/konzept.htmlのエラーが 2 つしか残っていませんが、スクロールはまだ壊れたままです。残りの 2 つのエラーのうちの 1 つである「onLoad」エラーも原因ではありません。一時的に削除し、問題が解決しなかった後に元に戻しました。(私はこのサイトを維持する仕事を引き継いだばかりなので、あまりにも多くの変更を急いで行いたくありません)

doctype も変更したかったのですが、Typolight では「XHTML Strict」と「XHTML Transitional」のどちらかしか選択できません。

誰かが私を正しい方向に向けることができれば、それは私の一日になります.

前もってありがとう、ステファン

4

1 に答える 1

1

この問題は、テーブルを介して実現されるフルスクリーンの背景画像が原因で発生します。

<body>
    <div id="mainwrapper">
        <!-- the actual conent of the page... -->
    </div>
    <div id="bg">
        <div>
            <table cellspacing="0" cellpadding="0">
                <tbody><tr><td>
                    <img alt="" src="pathtobackgroundimage/bg_image.jpg">
                </td></tr></tbody>
            </table>
        </div>
    </div>
</body>

スクロールは、マウス ポインターが背景画像上にある場合にのみ中断されます。マウス ポインターが実際のコンテンツの上に置かれている場合、スクロールは正常に機能します。

テーブルがフルスクリーンの背景画像を実現するための間違った方法であることは知っていますが、IE8 でスクロールが機能しない原因になることは知りませんでした (少なくともこの場合)。

背景のどの部分が問題を引き起こしているのか、合理的な時間内に見つけることができませんでした。とにかくテーブルを最新の方法に置き換えるので、これ以上時間を無駄にしたくありません。ただし、誰かがこれについてより多くの洞察を共有できる場合は、感謝します。

関連CSSはこちら

html, body, #bg, #bg table, #bg td {
    height: 100%;
    overflow: hidden;
    width: 100%;
}
#bg div {
    height: 200%;
    left: -50%;
    position: absolute;
    top: -50%;
    width: 200%;
}
html, body, #bg, #bg table, #bg td {
    height: 100%;
    overflow: hidden;
    width: 100%;
}
#bg td {
    text-align: center;
    vertical-align: middle;
}
#bg img {
    margin: 0 auto;
    min-height: 50%;
    width: 50%;
}
于 2013-04-23T13:19:45.843 に答える