IE 11 problem with cover background image

Design help General
1

Got these settings:

But in IE11 not seeing the image show across the whole screen but is cut off at the bottom:

1920×1080 119 KB

Any ideas why IE 11 is behaving differently?

2

Is the cover background image on body or inside a DIV? Can you share your url so we can see your setup?

3

No, it’s in it’s own DIV:

Over 40 years
of  high quality
unbiased financial advice

And has this:
.homepagefeat{
position: relative;
display: block;
height: 100%;
min-width: 0px;
background-image: url(‘…/images/home-page-cover.jpg’);
background-position: 0px 0px;
background-size: cover;
background-repeat: no-repeat }

4

Make the DIV 100% height and also the body 100%. If it doesn’t work. please let me know. I can share a popular js solution in the forum to force 100% height.

5

I’ve checked and both this DIV and the body have a height: 100%; entry.

The js solution may be the answer, thanks.

6 
<script>
 $(document).ready(function() {
    vph = $(window).height();
    $('mydivclass or ID').css('height',vph);
});

$(window).resize(function(){
    vph = $(window).height();

    $('mydivclass or ID').css('height',vph);     
});
    
</script>

Replace “mydivclass or Id” with your div class (.myclass or #myID). Place code on custom code section before closing body tag and let me know how it goes.

7

Thanks for this.

I’m trying it in IE11 and as before it looks fine on my browser testing software in IE11 - but it was my client who reported the problem on his machine.

So not sure what the issue is his side.