Support » Fixing WordPress » Page cut in half in IE and now background distorted

  • Hi folks,

    I’m having some trouble with my blog which is driving me nuts!

    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( no-repeat center center fixed;
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.', sizingMethod='scale');
    	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='', 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

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.