フッターを全幅にするにはどうしたらいいですか？

-1

何らかの理由で、私のサイトの1ページのフッタが全幅ではありません。左には巨大な空白があり、私はそれを取り除くことができず、その結果、フッタ全体が右に移動します。フッターを全幅にするにはどうしたらいいですか？

これは、現在のCSSです：

#main-footer { 
width: 105%; 
margin-bottom: -50px; 
margin-left: 0; 
margin-right: 0; 
height: auto; 
padding: 50px; 
background-color: #2E2E2E; 
} 

#top-footer { 
height: 30px; 
background-color: #77CAE9; 
margin-left: 0; 
width: 105%; 
}

私はそれがページ幅に関連しています感じていますが、私はどちらかそれを調整するために場所を把握することはできません。誰かが私を助けてくれたらとても感謝しています！

EDIT：ページへのURLがあるhttp://tstand.com/blog

感謝:)

アンジェラ

出典

2016-04-25 Angela Martinez

人が問題を見ることができるようにあなたがJSFiddleを提供する必要があります。 – markbernard

このページのフッターのコンテナにいくつかのパディングが追加されていることがあります。フッターのコンテナへのパディングを「0」に設定し、余白を「0」に設定します。 –

blog-spot.css行11に余白が残っています：-45px;それを取り除くと機能します。 – raven

<footer>を<div class="container">の外側に移動することから始めます。

クラス.containerは、コンテンツを画面の中央に配置するために使用されます。ここでは、ここで詳細を参照してください。

http://getbootstrap.com/css/

出典

2016-04-25 20:39:29

ありがとうございました！それは問題を解決したようです:) –

私はそれが助けてうれしいです。あなたが答えに満足している場合それを受け入れてください:) –

アンジェラ、そのしばらくしていますが、この答えを受け入れることができますあなたの問題を解決してください？ –

は、このための一般的な原因は、デフォルトpaddingまたは<body>あるいは<html>のmarginすることができます。その場合、このようなCSSはそれを修正する必要があります

body { 
    margin:0; 
}

問題は、問題を示し、完全な、しかし、最小限の例を投稿してください解決しない場合。

出典

2016-04-25 20:19:18 jayms

フッターを全幅にするにはどうしたらいいですか？

答えて

関連する問題