Page cut in half in IE and now background distorted (2 posts)

  1. siobhanlouise
    Posted 3 years ago #

    Hi folks,

    I'm having some trouble with my WordPress.org blog which is driving me nuts! http://feelgoodfilmclub.com

    Yesterday I realised that it was completely distorted in IE 7, 8 and 9. Fine in Safari, Firefox & Chrome but in IE, the page was cut in half - scrolling down just revealed a blank page.

    I figured it was to do with this bit of code:

    background: url(http://feelgoodfilmclub.com/wp-content/uploads/2013/01/CycleHappy3.jpg) no-repeat center center fixed;
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.http://feelgoodfilmclub.com/wp-content/uploads/2013/01/CycleHappy3.jpg', sizingMethod='scale');
    	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://feelgoodfilmclub.com/wp-content/uploads/2013/01/CycleHappy3.jpg', sizingMethod='scale')";
    	-webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;

    So I changed height:100% to min-height:100% and it sort of did the trick.

    Now the content is visible in IE but the background stretches (to the extreme) so that the image is completely unidentifiable.

    I wonder if anybody has any suggestions?
    Thanks so much
    Siobhan x

  2. Andrew Nevins
    Forum moderator
    Posted 3 years ago #

    It's best to ask for CSS support in CSS forums such as http://csscreator.com/forum , rather than WordPress.

Topic Closed

This topic has been closed to new replies.

About this Topic