私のHTMLウェブサイトの背景をページ全体の幅に広げるには？

<body>の背景をページの全幅に広げ、すべてのページの先頭に移動したいと考えています。 This is what my page looks like right now.あなたが見ることができるように、灰色の背景は、すべての方法を左に広げていません。灰色の背景も上のすべてには及ばない。また、灰色の背景もすべて右に伸びるわけではありません。私はグレーがをもう一度まで伸ばすことを望んでいませんが、私はそれが上、左、右のすべてを埋めることを望みます。ここで<body>部品のための私のスタイルシートでのコーディングは次のとおりです。私のHTMLウェブサイトの背景をページ全体の幅に広げるには？

#title { 
    text-align: center; 
    color: white; 
    background-color: #3B3C36; 
    font-family: Eras; 
    background-size: cover; 
    height: cover; 
    width: cover; 
}

出典

2016-04-03 tyler.904

はこれを試してみてください：

html, body { 
    margin: 0; 
    height: 100%; 
}

出典

2016-04-03 00:30:19

！今、あなたはページの一番上に私を助けることができますか？ –

おそらくCSSを使用して<body>をゼロ：

body { 
margin: 0; 
padding: 0; 
}

出典

2016-04-03 00:31:34 Ira

ここで私が得たものさ問題を修正しました：#title { text-align: center; color: white; background-color: #3B3C36; font-family: Eras; background-size: cover; height: cover; width: cover; margin: 0; padding: 0; } html, body { margin: 0; padding: 0; }

出典

2016-04-03 00:35:55

バックグラウンドcを追加しますページ全体を1つの色にしたい場合は、bodyタグにolorを指定します。

body { 
    background: #3B3C36 ; 
}

出典

2016-04-03 00:41:14 TheCompetition

すべてのブラウザは、デフォルトのスタイリングを要素に追加します。 CSSの正規化またはCSSリセットを使用してプロジェクトを開始することをお勧めします。これは、あなたがここにあるような問題に遭遇するのを防ぎます。

Difference between css reset and normalize

css normalize

css reset

あなたは何もしません高さ&幅 'カバー' など、あなたのCSSに無効な値のカップルを持っています。 hereを参照してください。％、px、またはビューポート単位のいずれかを使用して、高さを&の幅に設定できます。クラスを使ってIDよりもDOMをスタイルすることもベストプラクティスです。あなたは次の操作を行うことであろう欲しいものを達成する

最も簡単な方法：

HTML

<h1>Life as a Welsh</h1>

CSS

html, 
body, 
h1 { 
    margin: 0; 
    padding: 0; 
} 

h1 { 
    background: #000; 
    color: #fff; 
    text-align: center; 
}

jsfiddle example

出典

2016-04-03 00:42:37 Stuart

あなたはnormalize.css前に、すべてのCSSをリセットする必要がありますまたはこのキューの場合は* { margin: 0; padding: 0; }グレーの背景の幅を拡張するために働いたstone

出典

2016-04-03 00:55:21

私のHTMLウェブサイトの背景をページ全体の幅に広げるには？

答えて

関連する問題