Come impostare il colore di sfondo dell'intera pagina in CSS

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

Domanda

Sto cercando di impostare il colore di sfondo della pagina su yumdom.com a giallo.

Ho provato quanto segue e non riesce: 

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.*/
.

Si noti inoltre che se negli strumenti dello sviluppatore in Chrome evidenziano uno degli elementi HTML sopra, ottengo solo una determinata porzione della pagina evidenziata.Un piè di pagina e la sezione sotto il contenuto rimangono non evidenziati.

Voglio che il giallo riempia l'intero spazio tra l'intestazione e il piè di pagina e non lasciare spazio bianco.

Nota che stiamo utilizzando YUI Reset, font e Grids Modelli CSS V 2.8.0R4

Molte grazie!

È stato utile?

Soluzione 5

Ho già scritto la risposta a questo, ma sembra essere stato cancellato.Il problema era che YUI ha aggiunto background-color:white all'elemento HTML.Ho sovrascritto questo e tutto era facile da gestire da lì.

Altri suggerimenti

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

Il problema è che il corpo della pagina non è effettivamente visibile.I div sotto hanno una larghezza del 100% e hanno colori di sfondo che escono dal corpo CSS.

Per fissare la terra del no-man, questo potrebbe funzionare.Non è elegante, ma funziona. 

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

Ho controllato il tuo codice sorgente e trovo per passare al giallo è necessario aggiungere il colore di sfondo giallo a: # imbottitura sinistra, # con imbottitura di destra, html, #hd, #main e # yui-main. .

Spero sia quello che volevi. Vedi ya

Inserire l'immagine Descrizione qui

La dimensione del corpo è dinamica, è grande quanto la dimensione del suo contenuto. Nel file CSS è possibile utilizzare: * {background-color: black} // Tutti gli elementi ora hanno uno sfondo nero.

o

html {background-color: black} // La pagina ora ha uno sfondo nero, tutti gli elementi rimangono lo stesso.

mi guarda come è necessario impostare il yellow su #doc3 e quindi sbarazzarsi del white che viene chiamato sul #yui-main (che sta coprendo il colore del #doc3).Questo ti fa giallo tra l'intestazione e il piè di pagina.

Autorizzato sotto: CC-BY-SA insieme a attribuzione
Non affiliato a StackOverflow
scroll top