You have an unnecessary extra <p></p>
in your footer whose margin and padding is causing the gap.
Gap under sticky footer
-
27-06-2023 - |
문제
My sticky footer works on the "Our Story" page and Hurricane Shutters pages in Safari, but there is a white gap in Firefox and Chrome. Any help is appreciated. the link is www. sloanhp.com.
해결책
다른 팁
Set the css of your footer to:
.footer {
position:fixed;
bottom:0;
}
That's saying you meant your really want a sticky footer. Right now, it is just at the end of your content.
The blank paragraph tags won't matter as it is a child of the main .footer class which has a black background.
제휴하지 않습니다 StackOverflow