Problema com relaçao ao Footer
Meu footer da com uma margin de 20px em baixo. E tbm tem uma barra de rolagem em baixo.
Desde que eu aumentei o height do footer, ele ta com essa margin. Ja a barra de rolagem ta la faz mt tempo, não sei com ela apareceu.
Alguem pode me ajudar?
PS: estou usando sistema de grid no layout. E o site é estático.
<!-- begin snippet: js hide: false console: true babel: false -->
<!-- language: lang-css -->
body {
padding: 0;
margin: 0;
font-family: 'Roboto', sans-serif;
background-color: #f1f1f1;
}
#main {
display: -ms-grid;
display: grid;
grid-template-areas: "header header" "nav nav" "content aside" "footer footer" "privacidade privacidade";
}
.mainHeader {
-ms-grid-row: 1;
-ms-grid-column: 1;
-ms-grid-column-span: 2;
grid-area: header;
background: #1A1A1A;
height: 100px;
}
.logo {
margin: 12px 10px 10px 98px;
}
.mainNav {
-ms-grid-row: 2;
-ms-grid-column: 1;
-ms-grid-column-span: 2;
grid-area: nav;
background: #333333;
margin-top: -19px;
height: 23px;
}
.mainContent {
-ms-grid-row: 3;
-ms-grid-column: 1;
grid-area: content;
background: #FFFFFF;
margin-left: 200px;
margin-right: 200px;
width: 550px;
margin-bottom: -570px;
margin-top: 22px;
height: 1100px;
box-shadow: -3px 3px 6px #e1e1e1;
}
.mainAside {
-ms-grid-row: 3;
-ms-grid-column: 2;
grid-area: aside;
background: #FFFFFF;
margin-right: 200px;
margin-left: -200px;
width: 407px;
margin-bottom: -570px;
margin-top: 22px;
height: 1100px;
box-shadow: 3px 3px 6px #e1e1e1;
}
.mainFooter {
-ms-grid-row: 4;
-ms-grid-column: 1;
-ms-grid-column-span: 2;
grid-area: footer;
background: #1A1A1A;
height: 19px;
}
.footer {
color: #FFFFFF;
text-align: center;
font-size: 15px;
font-weight: 300;
}
.mainFooter {
height: 150px;
margin-top: 520px;
}<!-- language: lang-html -->
<html>
<body>
<section>
<footer class="mainFooter footer privacidadeall">
<h5 class="copry">© 2018 - BizarroNEWS</h5>
<h5><a href="privacidade.html" class="privacidade">Política de privacidade</a></h5>
<h4>Siga-nos</h4>
<div class="socialLinkMargin">
<a href="http://fb.me/BizarroNEWS11"><img src="img/facebook.png" class="socialFooterLink" alt="Perfil no facebook" title="Perfil no facebook"></a>
<a href="https://twitter.com/BizarroNEWS11"><img src="img/twitter.png" class="socialFooterLink" alt="Perfil no twitter" title="Perfil no twitter"></a>
<a href="https://www.instagram.com/bizarronews11/"><img src="img/instagram.png" class="socialFooterLink" alt="Perfil no instagram" title="Perfil no instagram"></a>
<a href="https://plus.google.com/u/1/103620500697888608929"><img src="img/google+.png" class="socialFooterLink" alt="Perfil no google+" title="Perfil no google+"></a>
</div>
</footer>
</section>
</body>
</html><!-- end snippet -->
Discussão (0)
Carregando comentários...