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