WordPress.org

Support

Support » How-To and Troubleshooting » Page cut in half in IE and now background distorted

Page cut in half in IE and now background distorted

  • 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')";
    	width:100%;
    	height:100%;
    	-webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    margin:0px

    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

Viewing 1 replies (of 1 total)
Viewing 1 replies (of 1 total)
  • The topic ‘Page cut in half in IE and now background distorted’ is closed to new replies.