Breaking News: Grepper is joining You.com. Read the official announcement!

how to remove whitespace below my footer in html

Unsightly Unicorn answered on August 15, 2021 Popularity 4/10 Helpfulness 1/10

answer how to remove whitespace below my footer in html

how to remove whitespace below my footer in html

Comment

body {
  margin: 0px;
  font-family: Arial;
  line-height: 20px;
}
#header {
  height: 20px;
  background: #222;
  color: white;
}
#content {
  min-height: calc(100vh - 40px); substract 40px since 20 are from header and 20 from footer
}
#footer {
  height: 20px;
  background: #222;
  color: white;
}

Popularity 4/10 Helpfulness 1/10 Language html

Source: stackoverflow.com

Tags: footer html whitespace

Link to this answer
Share Copy Link