Streaming live at 10am (PST)

IE 11 problem with cover background image


#1

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?


#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

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 }


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


#8