Resizing IE browser leaves gap at the bottom of page

Question

Problem not solved:Resizing IE browser leaves gap at the bottom of page
This only happens in the IE browser. When i resize the browser, making it smaller, a gap appears at the bottom of the page. How do i get rid of it. Ive tried alot of things like changing margins ,paddings and changing positions but nothing is working.
This is the code: https://code.sololearn.com/WrhpTSa6k2JJ
keep in mind the slider is not working within the sololearn platform but everything looks great on my browsers except for the gap in the IE browser.

How do i get rid of the gap at the bottom of the page? - please answer this?

Answer 1

Hi guys, i found the solution lol. I added this in my head tag and the gap has disappeared on most devices: <meta name="viewport" content="width=device-width, initial-scale=1.0">

Answer 2

Body has margin of 8px by default. Did you try to reset it?

Answer 3

I tried the following

body{
margin:0;
}

still nothing

Answer 4

How do i go about resetting it?

something like this ?
*{
margin:8px //or should i change it 0?
}

could you please clarify?

Answer 5

lol. Good job sleuthing! 😁👍

Answer 6

I'm not sure which version(s) of IE you are trying to support, but you can use your favorite search engine to look up

ie max width margin auto

and you'll quickly see that there are known issues here. The appropriate work around may be version-dependent.

I hope this helps! :)