Comment puis-je changer la couleur de fond du pied de page en CSS

- Je créer un pied de page et pied de page tag <footer> , mais mon problème est que je ne peux pas changer la couleur de fond

Voici un code:

HTML:

<footer class="site-footer">

<div id="footer1"><p>Copyright  2013 Domain Name - All Rights Reserved </p></div>
<div id="footer2"><p> Template by OS Templates </p></div>

</footer>

CSS:

.site-footer {
  background: orange;
}


#footer1{
margin-left:2%;
float:left;

}
#footer2{
margin-right:2%;
float:right;
}
InformationsquelleAutor RS92 | 2015-01-30
  1. 0

    Il suffit de changer votre site-footer à un id au lieu d'un, avec un peu de hauteur définie. Violon ici.

    <footer id="site-footer">

<div id="footer1"><p>Copyright  2013 Domain Name - All Rights Reserved </p></div>
<div id="footer2"><p> Template by OS Templates </p></div>

</footer>

#site-footer {
height: 50px;
background: red;
}


#footer1{
margin-left:2%;
float:left;

}
#footer2{
margin-right:2%;
float:right;
}
    • Dans mon cas, c'est le code ne fonctionne pas, mais je vois sur jsfidle perfeclty de travail. Pourquoi?
    • Assurez-vous de changer class à id et de veiller à ce que tout le reste est le même. Il devrait fonctionner.
    • Je fais un copier-coller de votre code, et ne fonctionne pas
    • Essayez d'ajouter background: none; à la footer1 et footer2 div styles.
    • Toujours pas de travail
    • Quel navigateur utilisez-vous?
    • La Version Chrome 40.0.2214.9 ,et dans Mozilla mêmes situations.
    • Pouvez-vous le lien de la page pour moi s'il vous plaît?
    • Voici jsfiddle.net/rg0umv3L mon site n'est pas responsive encore
    • Cool. Mettez cette: <div style="clear:both;"></div> juste avant <footer> tag. Laissez-moi savoir si cela fonctionne. Il travaille ici: jsfiddle.net/rg0umv3L/8
    • c'est ça, merci beaucoup de l'homme! Comment puis-je positive chech votre aide, je pense que vous me comprenez mon anglais n'est pas très bon
    • Cliquez sur la case à côté de ma réponse, haha. content que vous l'avez travail!
    • Pourquoi avez-vous retiré de la mine que la bonne réponse? Mon dieu, je vous ai aidé à sortir!
    • l'homme désolé, je suis débutant sur ce site, je vais maintenant revenir droit de réponse, j'ai pensé plus tard a séparer pouvez cocher deux réponses. encore désolé
    • Je l'ai dit mettre au clair:à la fois le style en tant que bien, afin de me donner quelques points aussi

    InformationsquelleAutor Kyle Booth
  2. 0

    Votre #footer1 et #footer2 divs sont recouvrant la .site-pied de div, c'est pourquoi vous ne pouvez pas voir la couleur d'arrière-plan, essayez d'appliquer l'arrière-plan de la transparence sur ces deux divs.

    InformationsquelleAutor imnancysun
  3. 0

    Essayez de modifier le pied de page à une div. Ou à l'aide de backgroun:hériter de #footer1 et #footer2

    • non, il ne fonctionne pas 🙁
    InformationsquelleAutor Source
  4. 0

    Depuis #footer1 et #pied de page 2 à la fois flotteur .site-le pied de page n'a pas de hauteur.

    Utiliser un clear fix sur .site-le pied de page

    entendre est un exemple

    .clearfix:after {
 visibility: hidden;
 display: block;
 font-size: 0;
 content: " ";
 clear: both;
 height: 0;
 }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */
    • Je ne te comprends pas , et le présent code. Désolé
    • ajouter la classe ci-dessus à votre CSS, puis ajouter la classe clearfix à l'class="site-footer" class="site-pied clearfix"
    • il suffit de chercher pour clearfix et peut-être que vous comprendrez. C'est un concept important.
    InformationsquelleAutor ARWVISIONS
  5. 0

    Ajouter un autre div après le pied de page de la vrd, avec style="clear:tous".

    • pas de travail, je fais un div après footer2, mais ne fonctionne toujours pas
    InformationsquelleAutor Source
  6. 0

    Ici, vous allez, ai eu de travail pour vous

    background:inherit;

    http://jsfiddle.net/0Lz53cad/1/

    Si vous ne voulez pas d'espace blanc entre les éléments de l'utilisation du remplissage au lieu de la marge.

    Comme je l'ai dit. Veuillez marquer ma réponse que le droit de réponse.

    InformationsquelleAutor Source