ページ全体の背景色をCSSで設定する方法

StackOverflow https://stackoverflow.com//questions/9648910

質問

yumdom.com にページの背景色を設定しようとしています。

私は次のことを試みました、そしてそれは失敗しました： 

body{ background-color: yellow;} /*only a sliver under the header turns yellow.*/

#doc3{ background-color: yellow;} /*result same as above*/

#bd { background-color: yellow;} /*result same as above*/

#yui-main { background-color: yellow;} /*a rectangle turns yellow ending at where the content ends. I want this rectangle to extend all the way to the footer.*/
.

また、Chrome Iの開発者ツールでは、上記のHTML要素のいずれかを強調表示する場合は、ページの特定の部分しか強調表示されません。フッターとコンテンツの下のセクションは、強調表示されていません。

ヘッダーとフッターの間のスペース全体を埋めて、空白を出ないようにしてください。

YUIリセット、フォント、およびグリッドCSSテンプレートV 2.8.0R4 を使用していることに注意してください。

多くの感謝！

役に立ちましたか？

解決 5

私はすでにこれに対する答えを書きましたが、削除されたようです。問題は、YUIがbackground-color:whiteをHTML要素に追加しました。私はそれを上書きし、そこからすべてのものを取り扱いが簡単だった。

他のヒント

<html>
  <head>
    <title>
        webpage
      </title>
</head>
  <body style="background-color:blue;text-align:center">
    welcome to my page
    </body>
  </html>
.

問題は、ページの本文が実際に見えていないことです。DIVは100％の幅が100％にあり、体のCSSを上書きする背景色を持っています。

No人の土地を修正するためには、これが機能する可能性があります。それはエレガントではありませんが、うまくいきます。 

#doc3 {
    margin: auto 10px;
    width: auto;
    height: 2000px;
    background-color: yellow;
}
.

あなたのソースコードをチェックし、黄色に変更する必要がある黄色の背景色を追加する必要がある。＃左パディング、＃右へパディング、HTML、#hd、#mainおよび＃由井メイン。

あなたが欲しかったものであることを願っています。 ya を見てください

ENTER IMENTDESCRUショニング

本体のサイズは動的で、内容の大きさの大きさだけです。 使用できるCSSファイルでは、次のようにします。 * {background-color: black} //すべての要素には黒の背景があります。

または

html {background-color: black} //ページには黒い背景があるため、すべての要素が同じままです。

yellowに#doc3を設定してから、white（#yui-mainの色を覆っている）で呼び出された#doc3を取り除く必要があるように見えます。これにより、ヘッダーとフッターの間に黄色が得られます。

ライセンス： CC-BY-SA と 帰属
所属していません StackOverflow
scroll top