comment définir la couleur d'arrière-plan de l'ensemble de la page en css

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

Question

Je suis en train de mettre la couleur de fond de la page yumdom.com de jaune.

J'ai essayé ce qui suit, et il échoue: 

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

Notez également que si dans les outils de développement de Chrome je mettre en surbrillance l'un des éléments html ci-dessus, j'obtiens seulement une certaine partie de la page en surbrillance.Un pied de page et la section ci-dessous le contenu ne sont toujours pas mises en évidence.

Je veux le jaune pour remplir tout l'espace entre la tête et le pied de page et de ne laisser aucun espace blanc à l'extérieur.

Notez que nous sommes à l'aide de YUI Reset, les Polices, et les Grilles CSS templates V 2.8.0r4

Merci beaucoup!

Était-ce utile?

La solution 5

J'ai déjà écrit la réponse à cela, mais cela semble avoir été supprimé.Le problème était que YUI ajout de background-color:white à l'élément HTML.J'ai écrasé cela et tout était facile à gérer de là.

Autres conseils

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

Le problème est que le corps de la page n'est pas réellement visible.Les divs sous ont une largeur de 100% et ont eux-mêmes des couleurs d'arrière-plan qui remplacent le corps CSS.

Pour réparer la terre du no-homme, cela pourrait fonctionner.Ce n'est pas élégant, mais fonctionne. 

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

J'ai vérifié votre code source et trouvez pour changer de jaune dont vous avez besoin d'ajouter la couleur de fond jaune à: # Rembourrage de gauche, # Rembourrage à droite, HTML, #HD, #Main et # Yui-Main.

J'espère que c'est ce que tu voulais. Voir ya

Entrez la description de l'image ici

La taille est dynamique, il est seulement aussi grand que la taille de son contenu.Dans le fichier css, vous pouvez utiliser:* {background-color: black} // Tous les éléments ont maintenant un fond noir.

ou

html {background-color: black} // La page maintenant avoir un fond noir, tous les éléments restent les mêmes.

Me ressemble vous devez définir le yellow sur #doc3 et puis se débarrasser de la white qui est appelé sur le #yui-main (qui est la couleur de la #doc3).Cela vous arrive jaune entre en-tête et pied de page.

Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow
scroll top