IE7とChromeのページの下に空白がある

Question

this pageの一番下の空白が表示されますが、IE7とChrome（IE7モードと互換モードのIE8では予想されます）でしか表示されません。 Here's私はIE7のように見えます。私はFirebugとIE Developers Toolbarを使ってコードを調べたが、異常は見つからなかった。誰でもこのブラウザ固有の空白の原因を知っていますか？ありがとう。

Answer 1

空白が表示される理由は、フッターのロゴの相対的な配置を使用しているためです。代わりに絶対配置を使用してください。

Relative positioningは元の位置を基準にして要素をシフトしますが、元の位置は引き続き「取得」され、後続の要素は変更されていないものとして動作します。

したがって、空白は、ロゴが使用した元の位置によって引き起こされます。フッター内のすべての要素にposition: relativeをコメントアウトすると、その空白の原因がわかります。

もちろん、絶対位置付けだけで解決する方法ではありませんが、確かに最も簡単です。上記を考慮する（負のマージンで遊ぶなど）場合は、display: inline-block、display: table-cellを使用するか、相対的な配置を使用することもできます。

Answer 2

あなたのCSSでこれを試すことができます。それがはたらく場合

* { margin:0px; padding:0px; } 

、その後、いくつかの要素のパディングやマージンは、問題を引き起こしています。

私はFirefoxでも空白を取得しています。

Answer 3

CSSのbodyとhtmlから100％の高さを削除してみます。

これが理由であるかどうかは完全にはわかりませんが、この種の問題を引き起こす要素の100％の高さに伴うボックスモデルのバグを見てきました。

ご参考までに、ファイルの57行目です。

Answer 4

練習が適切ではありませんが、非表示にすると非表示になります。