2012-01-10 18 views
0

ほとんどのブラウザでは、フッタの下に余白があります。しかし、Chromeではそうではありません。 enter link description hereフッターの下の余白はどこから来ますか?

bodyと私のページラッパーはともにmargin: 0です。ラッパーもheight: 100%です。ここで

はフッターのコードは次のとおりです。

#colophon { clear: both; display: table; width: 960px; max-width: 960px; background: #131313; border-top: 3px solid #0099cc; border-collapse: collapse; }

が助けにはならないmargin: 0追加します。とにかく必要はありません。私は何が欠けていますか?あなたのコードの下で

+0

FirefoxとChromeの両方で同じように見えます。 –

+0

あなたがまだいない場合。 Firebugまたはその他のWebインスペクタを使用してください。あなたは1分以内にこれを見つけたでしょう。 –

答えて

0

あなたのワードプレスの統計トラッカーイメージはvisibility: hiddenに設定され、あなたのbodyタグに従います。 のように画像を変更すると表示されるように、余分なフッターの間隔を作成するのはこの画像です(このようにしないでください - 下を参照)。

私はそのフッタをメインフッタ#colophon)どこかに問題はありません。また、フローから完全に削除するには、position: absoluteに設定することもできます。トラッキングを有効にするには、ブラウザでイメージをロードする必要があるため、display: noneに設定することはできません。

1

あなたはそれが動作することを削除した場合、私はこの

<img alt="" src="http://stats.wordpress.com/g.gif?host=atlanticsentinel.com&amp;rand=0.059020346471435614&amp;blog=28342037&amp;v=ext&amp;post=0&amp;ref=" id="wpstats"> 

ました。あなたがすべきことは、その画像にCSSのdisplay: noneを追加することです。 visibility: hiddenが追加されています。あなたがすると、それは画像を隠しますが、画像はまだDOM内の部屋を占有します。あなたが(またはそれが絶対的に否定上部または左の特性を調整する位置にする)その画像にdisplay: noneを設定した場合、その可視性プロパティが

が隠されているので、

+0

+1いいね... –

+0

それだけです!私はそれについてもう考えなかった。ありがとう。フィリップ! – Nick

0

問題は、あなたが問題を解決する最新の画像img#wpstatsによって引き起こされる

関連する問題