HTML / CSS height fix for Blogger based website using the Internet Explorer [closed]

Question

This question is unlikely to help any future visitors; it is only relevant to a small geographic area, a specific moment in time, or an extraordinarily narrow situation that is not generally applicable to the worldwide audience of the internet. For help making this question more broadly applicable, visit the help center.

Closed 9 years ago.

I've problems on my website, and I'm a not very experienced HTML / CSS coder, I'd like of any help about my height problem on Internet Explorer. Chrome, Opera and Firefox it never occurs.

Here's my website:

http://www.joshcellsoftwares.com/

I've detected an unique problem that occurs on the Internet Explorer when the CSS loads, is the Height bug.

Sometimes the website height abnormally scroll down, and the size isn't correctly rendered as this picture:

I hope to solve it with any JavaScript or HTML that can fix the height on this browser.

Thanks for any help.

Answer 1

You're getting all that extra space as you have a JS error that prevents the page from fully loading. If you use the developer tool in IE (F12), you'll see that your body still has the class loading when the page loads correctly (no extra space), the final bit of JS fired and the body doesn't have that class any more. So it dies before that point.

The only error showing up on console and using breakpoints in the IE developer tool (F12) is: FB.getLoginStatus() called before calling FB.init(). This is coming from your 2000000996-widgets.js.

The solution to properly initializing FB is addressed in another post, here.