CODEWITHSUNDEEP
htmlcsslayout
Talal Tahir Malik
Talal Tahir Malik

Reputation: 175

How to avoid fixed footer overlapping?

I have a fixed footer at bottom, When i turn on developer options it overlaps my content div. Also, When i open this in tab it overlaps and causes problem to insert information in the form.

The way to avoid this could be z-index. But, Is there anyway to avoid it altogether?

See this image:

enter image description here

Appreciate the help!

Upvotes: 1

Views: 57

Answers (1)

Kevin Yue
Kevin Yue

Reputation: 392

I think you should add padding-bottom to your body, the value of padding-bottom should equal with the height of the footer.

Upvotes: 1

Related Questions