Problem not solved:Resizing IE browser leaves gap at the bottom of page

Question

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

Answer 1

Hello, Mogammad Shameer Losper !
onload = function () {
var slideIndex = 0;
showSlides();

function showSlides() {
var i;
var slides = document.getElementsByClassName("mySlides");
for (i = 0; i < slides.length; i++) {
slides[i].style.display = "none";
}
slideIndex++;
if (slideIndex > slides.length) {slideIndex = 1}
slides[slideIndex-1].style.display = "block";
setTimeout(showSlides, 2000); // Change image every 2 seconds
}
}

Answer 2

The problem is still not solved. Can someone please help? Hi, thanks for the help with the slider but that is not my problem. My slider works on my browser. I need help with the gap.