2011-02-03 9 views
0

FFで要素を検査するときとは別にCSSスティッキーフッタメニューを作成しましたが、フッタメニューは約100ピクセル上にジャンプします。 Firebugウィンドウが表示されているとき、メニューはページの途中で浮いています!CSSスティッキーフッタメニュー - 要素の検査時にレイアウトが壊れています

ボディとhtmlを高さ100%に設定しました。また、高さ100%のコンテナdivもあります。

EDIT:コンテナdivをオーバーフロー:autoに設定しようとしましたが、メニューはもはやページの途中に浮かぶのではなく、縦スクロールバーがありますか?

関連するCSS:

#menu { 
width: 960px; 
height: 100px; 
position: absolute; 
bottom: 0px; 
background-color: rgba(65, 64, 64, 0.75); 
-webkit-border-top-left-radius: 10px; 
-webkit-border-top-right-radius: 10px; 
-moz-border-radius-topleft: 10px; 
-moz-border-radius-topright: 10px; 
border-top-left-radius: 10px; 
border-top-right-radius: 10px; 
} 
+0

の下にあなたの容器の外にあなたのメニューを持っている必要がありますが、それ*だけ*「休憩」場合は、Firebugのでそれを検査しているとき、あなたが気にあなたは確かにいますか? – thirtydot

+0

ウェブ開発者として、私は常に他の人のサイトの要素を検査しています...これは、レイアウトを壊してしまった場合、私をちょっと落としてしまいます... – benhowdle89

+0

サイトを開いてFirebugを独自のウィンドウを開き、要素を調べますか? – thirtydot

答えて

1

クロスブラウザのCSSスティッキーフッターは、単一のルールで行うことは不可能です。私はIEでうまくいかないでしょう。堅実CSSスティッキーフッターのためにあなたは放火犯が、それは実際には要素(複数可)を強調するためにそこに独自のスタイルの投稿ロードされたときに、考慮する必要はあり見た目here

+0

ええ、その1つのprooven、私はいつもそれを使用しています。 – CodeVirtuoso

0

を取る実装します。 Chrome/Safariの要素を調べて、侵入しにくい強調表示を試すことができます。

これが役に立ちます。

0

あなたが直接<体>

関連する問題