0

Не поможете с футером? Он "отклеивается", может быть, дело в том , что данный код некроссбраузерный?

#footer {
  width: 100%;
  height: 50px;
  background: #000;
  text-align: center;
}

#footer span {
  font-size: 18px;
  color: #fff;
}
<div id="footer"><span>текст футера</span></div>
NeedH8
  • 2,907
Aleks
  • 3

2 Answers2

0

Я так понимаю, вам его прижать вниз надо? 

#footer{
position:absolute;
bottom:0;
width:100%;
height:50px;
background: #000;
text-align: center; 
}
Denis I
  • 863
  • для @Denis ; position: absolute; - не чревато? при адаптивной верстке, например, для ios, футер оказывается над перекрывающим высоту тела сайта контентом? – Aleks Mar 20 '20 at 12:15
  • Ну тогда флексом, как в ответе рядом – Denis I Mar 22 '20 at 23:32
  • ну да, можно попробовать – Aleks Mar 24 '20 at 13:00
0

Можно флексом.

html, body {
  height: 100%;
}

.wrapper {
  height: 100%;


display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}


header, section, footer {
  border: 1px solid #ccc;
}


.wrapper > section {
  flex: 1;
}
<div class="wrapper">
  <header>header</header>
  <section>section</section>
  <footer>footer</footer>
</div>
Firsov36
  • 949