Hi. Thanks for the comment, but I need to use this code. Because I don't have English as my native language, I may be misunderstood. I will try to explain it again: I need to keep this standard header and footer, as they are used by all agencies subordinated to the Government of the State of Sao Paulo. The header is perfect, above the header I made for the site, and both disappear when I scroll down, leaving only the top menu "sticky", as it should be, so I don't need to change the "before </head>" at all.
In fact, the footer is also almost as it should be, the only problem, and the reason for writing here, is that it is "fluid", and that cannot happen. It must be something simple for someone who understands the code, I don't know, but if it is, I really appreciate the help.
What I need exactly, is that the width in the code below is the same as the container, so when the page changes its shape to the 4 types of size, the "breakpoints", the footer stays with those same sizes.
Thanks!
<section id="govsp-rodape">
<link rel="stylesheet" type="text/css" href="
http://saopaulo.sp.gov.br/barra-govsp/css/rodape-sp.css?v2.1";>
<div id="govsp-footerGlobal">
<ul class="govsph-links">
<div id="govsp-links-footer">
<li class="govsp-link-rodape"><a class="govsp-links-footer" href="
https://www.ouvidoria.sp.gov.br/Portal/Default.aspx" target="_blank">Ouvidoria</a></li>
<li class="govsp-link-rodape"><a class="govsp-links-footer" href="
http://www.transparencia.sp.gov.br/" target="_blank">Transparência</a></li>
<li class="govsp-link-rodape"><a class="govsp-links-footer no-border" href="
http://www.sic.sp.gov.br/" target="_blank">SIC</a></li>
</div>
<li class="govsp-link-rodape"><img class="govsph-logo-rodape" src="
http://saopaulo.sp.gov.br/barra-govsp/img/logo-rodape.png" /></li>
<li class="govsp-link-rodape"><img class="govsph-logo-rodape logo-negativo" src="
http://saopaulo.sp.gov.br/barra-govsp/img/logo-rodape-negativo.png" /></li>
</ul>
</div>
<div id="govsp-footer-bottom" class="govsp-cinza"></div>
</section>
