come impostare il colore di sfondo dell'intera pagina in css

Sto provando a impostare il colore di sfondo della pagina a yumdom.com in giallo.come impostare il colore di sfondo dell'intera pagina in css

Ho provato quanto segue e viene a mancare:

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 di sviluppo in Chrome evidenzio uno dei due elementi HTML di cui sopra, ho solo una certa parte 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 lasci spazi bianchi.

Si noti che stiamo usando YUI Reset, font, e Grids CSS Templates V 2.8.0r4

Molte grazie!

fonte

2012-03-10 rostam

ho già scritto la risposta a questo, ma sembra essere stato cancellato. Il problema era che YUI ha aggiunto il colore di sfondo: bianco all'elemento html. L'ho scritto sopra e tutto è stato facile da gestire da lì.

fonte

2012-03-15 04:26:55 rostam

Il problema è che il corpo della pagina non è effettivamente visibile. I DIV al di sotto hanno una larghezza del 100% e hanno i colori di sfondo che sovrascrivono il CSS del corpo.

Per risolvere la terra di nessuno, questo potrebbe funzionare. Non è elegante, ma funziona.

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

fonte

2012-03-10 18:16:27

Grazie! il problema è che finisce qui per essere la terra di nessuno, l'area sotto il contenuto fino alla cima del footer, che non appartiene e non può essere colorata usando nessuno di questi div. – rostam

Vedi se questo funziona per te. –

Grazie! Ma il fissaggio dell'altezza provoca la creazione di una barra di scorrimento. Abbiamo fatto di tutto per assicurarci che la barra di scorrimento non appaia mai. – rostam

mi sembra è necessario impostare il yellow su #doc3 e poi sbarazzarsi del white che si chiama fuori sul #yui-main (che sta coprendo il colore del #doc3). Questo ti ingiallisce tra intestazione e piè di pagina.

fonte

2012-03-10 19:05:30 ScottS

Ho controllato il codice sorgente e ho trovato il colore giallo per aggiungere il colore di sfondo giallo a: # padding sinistro, # right padding, html, #hd, #main e # yui-main.

Spero che sia quello che volevi. See ya

enter image description here

fonte

2012-03-13 08:55:42

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

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

fonte

2015-12-23 18:56:32

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

fonte

2016-09-20 06:39:59 Srilekhya

come impostare il colore di sfondo dell'intera pagina in css

risposta

Problemi correlati