Bonjour j'ai un petit soucis, après avoir mis des éléments en float dans mon footer le background (constitué d'un background-color et d'un background-image) a disparu. J'ai réussi à remettre le background-image grace à un overflow:hidden, mais je n'arrive pas à remettre le background-color.
Voici mon code html :
<footer>
<div id="footer">
<div class="center">
<div id="imgfooter">
<div id="gauche">
<div id="conditions"><p>Voir les <a href="#">conditions générales de ventes</a></p></div>
<a href="#"><div id="fbfoot">
</div></a>
<a href="#"><div id="twfoot">
</div></a>
<div id="info"><p><a href="#">Mentions légales</a> /<a href="#"> Charte de confidentialité</a> / <a href="#"> Plan du site</a></p></div>
</div>
<div id="contactacc"><p>Pour me contacter<br>adresse@mail.fr<br>ou <a href="#">cliquez ici</a><br>(Réponse garantie<br>dans les 48H<br>maximum)</p></div>
</div>
</div>
</div>
</footer>
et le css :
#footer{
background-color:#C8AD7F;
color:black;
overflow: hidden;
width:100%;
}
#imgfooter{
background-image:url(images/footer.png);
overflow: hidden;
}
#footer a{
text-decoration:none;
color:black;
}
#footer a:hover{
color:#fff;
}
#conditions{
margin-left:2%;
margin-top:2%;
}
#info{
margin-left:2%;
margin-top:2%;
}
p{margin:0}
#fbfoot{
background-image:url(images/facebookfoot.png);
width:56px;
height:56px;
margin-left:2%;
margin-top:2%;
}
#twfoot{
background-image:url(images/twitterfoot.png);
width:55px;
height:45px;
margin-top:2%;
margin-left:2%;
}
#contactacc{
text-align: right;
float:right;
margin-top:3.5%;
}
#gauche{
float:left;
}
Comment faire svp ?
Merci d'avance :)