Site with a white bar at the end

1

Good afternoon, I'm developing a personal site in which I have a problem, but I've already tried it and I can not solve it, it happens that my site, at higher resolutions, has a huge white section below the footer, but I can not edit this section and do not select it in chrome developer tools, follow photos, this only happens at resolutions greater than 1366x768, and the higher the resolution, the larger the bar

1920x1080

2560x1080

Thesiteisalsohostedonthegithubserver,youcanaccessbyclicking here

If you can help me please ... Thank you very much in advance Many thanks:)

    
asked by anonymous 12.11.2018 / 01:26

1 answer

2

The problem is in <div class="carousel-inner " id="inner"> that is extrapolating the height of the page, creating a larger overflow than the content of the page, and consequently creating an empty space after footer .

Resolve setting 100% height so it does not get larger than your container:

#inner{
   height: 100%
}

You can test by running this code in the console:

$("#inner").css("height", "100%");

You'll see the problem go away instantly.

    
12.11.2018 / 01:54