Page cut in half in IE and now background distorted
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
- The topic ‘Page cut in half in IE and now background distorted’ is closed to new replies.