css - フッターとcontentwrapperの間のギャップが消えない

Question

私は次のウェブサイトhttp://bestofdesigns.be/studioregenbogen/index.htmlに取り組んでいます。誰かがcssを見て、フッターがコンテンツに添付されていない理由と、メニューとコンテンツラッパーの間にギャップがある理由を教えてもらえますか？私はこれを2日間見てきましたが、何がうまくいかないのかわかりません。

ありがとう、

ベン

Answer 1

#footer p {
padding-top: 5px;
margin: 0;
}

Answer 2

メニューとコンテンツラッパーの間にギャップがあるのはなぜですか？

ギャップはmargin、各ブラウザによってデフォルトでリスト<ul>要素とタイトルに適用されるためです<h1>。

削除または調整します

スクリーンショット

Answer 3

こんにちは今あなたのマージンに与えて与えてください#footer overflow:hidden：0footer p tag ; `

このように

        #footer{
        overflow:hidden;
}

    #footer p{
    margin:0;
    }

Answer 4

Firebugを使用してデザインを開き、中間のコンテンツがどのように表示されるかを確認したことがもう1つあることをお勧めします。それは悪いデザインです。divタグを広く使用する場合は、パディングをあまり使用しないでください。本文スタイルには、text-align：justifyプロパティを配置します。

あなたのエラーは

#footer p {
 padding-top: 5px;
 margin: 0;
}

コンテンツラッパークラスを2つの垂直divクラスに分割してから、以下の垂直クラスを別の2つの垂直クラスに分割します。最初の垂直タグを2つの水平divクラスに分割します。その中で、画像を最初の水平タグに入れ、2番目に段落に入れます。一番下の垂直クラスでは、2番目の段落。