Show banner in site footer

0

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 !!

    
asked by anonymous 30.01.2017 / 19:22

1 answer

1

Hello, put the element with fixed position!

#barra { bottom: 0; left: 0; display: flex; justify-content: center; height: 50px; position: fixed; width: 100%; background: #000; }

If you have any questions, leave it to me!

    
30.01.2017 / 20:01