0

作業中のサイトの固定フッターを作成しようとしていますが、下部の余分な空白を取り除くことができません。Chrome と Safari で表示されます (他のブラウザーはまだテストしていません)。ページが最初に読み込まれたときは表示されませんが、下にスクロールすると、約 2 ～ 3 ピクセルの余白があります。フッターが一番下にくっつくようにするにはどうすればよいですか?

これはサイトです：

http://ec2-23-23-22-128.compute-1.amazonaws.com/

そして、これは私が達成しようとしていることです:

ページの下部にある余分な空白を取り除くにはどうすればよいですか?

注: 他にもレンダリングの問題がいくつかあることは知っていますが、現在心配しているのは、ページの下部にある余分なピクセルだけです。私は一日中負のマージン、0マージン、パディングなどで遊んでいますが、どこにも行きません:/

4

1 に答える 1

1

クラス "img-wrapper" で div に画像を指定すると消えますdisplay: block。これは画像によく見られます。css リセットのためにこれを行っていることがわかります。

* {
  margin: 0px;
}

私はこれに反対することを提案します。適切なCSS のリセットまたは正規化は、この種の頭痛の種を緩和するのに大いに役立ちます。

編集：進行中の作業だとおっしゃっていましたが、ウィンドウが必要のないときにスクロールすることに気付いていない場合は、注意してください。これが問題です：

#b-container {
  background-color: #F1EFE6;
  min-height: 100%;
    height: auto !important;
    height: 100%;
  margin: 0 auto -170px; // originally this was 0 auto -150px
}
于 2012-08-18T20:09:27.003 に答える