Streaming live at 10am (PST)

IE 11 problem with cover background image

Got these settings:

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

Any ideas why IE 11 is behaving differently?

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

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

Over 40 years
of  high quality
unbiased financial advice
FIND OUT WHO WE ARE

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 }

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.

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

The js solution may be the answer, thanks.

<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.

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.