小さなサイトを作ろうとしています。そのために私はいくつかのレイアウトを設計しました。高さ以外はすべて問題ありません。メインのdivの高さをドキュメントの高さとして指定しています$(document).height()。ステータスバーがあるため、結果の高さから2ピクセルを減らす必要があります。IE9では見栄えがします。しかし、Firefoxで同じものを開くと、下部にギャップがあります。ブラウザはこんな感じです。
次に、IEブラウザの下部に表示されるステータスバーの表示に基づいて高さを調整します。それを見つける方法はjqueryを通して見えるかどうか
私はこれが可能だとは思いませんが、私が間違っていることを遠慮なく証明してください。サイドノートでは、ステータスバーだけが下部に表示されるわけではありません。ページの読み込み時にポップイン/ポップアウトするステータス通知を追加するアドオンがいくつかあるので、ステータスバーが表示されているかどうかを判断するのは最善の方法ではない可能性があります。
ユーザーごとに異なるサイズの画面/解像度も使用されるため、異なるサイズのビューウィンドウが期待できます。
それを念頭に置いてdiv、次のように設定することを検討しましたか
position:absolute;
top:0; right:0;
bottom:10px; left:0;
これにより、divが画面のサイズから下から数ピクセルを引いたサイズになります。