Why is there a gap between the header, image & footer?

Rahul Nair

Updated March 20, 2020 17:49

This issue presents in Internet Explorer. While this is a browser that is still used by many, it is no longer updated by Microsoft, who has shifted to Edge as their newest browser. One problem with using Internet Explorer is that it does not read the code used in HTML5/CSS3 in a standard way, which can lead to odd spacing issues as you are seeing in the screenshot as an example.

This can be worked around by someone who is skilled in these languages (a web designer), however, the only way to work around these issues for that specific browser is to test in that browser, and write specific CSS to support them. Mobile is where over 50% of web views happen now, and I.E. is a small subset of desktop browsers, so the use case may not be worth the additional cost.