css - CSSスタイルがエッジに達していない

Question

私のウェブサイトでは、ヘッダーは背景が色付きのdivタグです。唯一の問題は、ウィンドウの「端」に到達しないことです（http://manpoints.uk.to/を参照してください）。

これを解決する方法のアイデアはありますか？

ありがとう、ジョシュ。

Answer 1

これはブラウザのデフォルトのcssです。

これを頭に追加します

<style>
body{
    margin:0;
    padding:0;
}
</style>

または、スタイルシートに追加します。

Answer 2

CSS resetブラウザで設定されたすべてのスタイルをクリアする手法の使用を検討することをお勧めします。あなたの問題は、bodyデフォルトでmarginとを持っているということですpadding。

スタイルシートでは、必ず次の方法でそれらをクリアしてください。

body
{
    margin: 0;
    padding: 0;
}

関連するCSSリセットスタイルシートについては、次の質問を参照してください：https ://stackoverflow.com/questions/116754/best-css-reset

Answer 3

@KPが提案していることを試して、さらに#header{ width:100%; }スタイルシートに追加してください。何が起こっているのかというと、ヘッダーに定義された幅がなく、内部のコンテンツの最大幅を使用しているということです。