I would like to show a fixed banner in the footer of my site, however I want him to follow the site's content conforms for rolling the site for downloaded or up, I could already show the banner, evil was unable to get him to accompany the page.
My code:
<div id='barra' style='position:relative; min-height: 100%; left:-02px; width:100%;'>
<iframe border='0' class='overlay2' frameborder='0' height='55' marginheight='0' marginwidth='0' scrolling='No' src='http://Publicidades.html' style='max-width: 630%; width: 100%;'/></div>
I tried to use this CSS but it did not work.
<style>
/*Esconde a dive de classe Overlay caso seja identificado que o width Mobile maximo deseja igual ou menor que 980px*/
@media only screen and (min-width: 980px){
.overlay2 { display: none; }
#barra { bottom: 0; display: block; height: 50px; position: relative; width: 100%; background: #000; }
</style>
Please someone help me !!