Muy buenas, el tema es que tengo un footer que deseo colocar pegado abajo de mi web y que ademas se muestre en posicion fija en todo momento; es decir; que aunque haga scroll el footer se mantenga siempre por encima.
Ya he intentado añadirle position:fixed al footer pero el contenido me desaparece y no se bien porque... gracias
HTML
<div class="push"></div>
</div> <!--//Wrapper//-->
<footer>
<ul id="social_media">
<li class="red"><a href="">Facebook</a></li>
<li class="red"><a href="">Twitter</a></li>
<li class="red"><a href="">RSS</a></li>
</ul>
</footer>
CSS
footer, .push {
height: 2em;
}
footer{
margin-left:0;
padding-left:0;
margin-right:0;
padding-right:0;
background-color:#000;
position:fixed;
width:100%;
}
footer ul li{
list-style: none;
display:inline-block;
margin-top:0.4em;
margin-right:0.5em;
}
footer ul li a{
text-decoration:none;
color:#FFF;
}
footer ul li a:hover{
text-decoration:underline;}
Gracias de antemano
