Need help? Check out our Support site, then


Stretched images in Internet Explorer

  1. I think this may have something to do with the versions of my browsers but I'd really appreciate help.
    I use Firefox and everything is good.
    But tonight, I had to switch to Internet Explorer (8) for a short time and when I viewed two of my blogs (http://aheadonview.wordpress.com) and (http://sketchesandjottings.wordpress.com), a couple of images stretched in each blog when I viewed the home page. When I view them in Firefox, they're fine. (One was an image of chairs in the sidebar of A Head-On View. The other was a post image about Street Art on Sketches and Jottings)

    Does anyone have advice on what to do? Does this mean when followers view the blogs with Internet Explorer the same thing is happening to them?

    Thanks if you can help.

    The blog I need help with is aheadonview.wordpress.com.

  2. Probably a fumble from whoever developed your theme but you should just be able to add an IE8 alternative in your stylesheet for images with the same class which would make all the image with the same class the same height if your cool with that.

    Example:

    <!--[if IE 8]>

    .whateverClass img {height:300px;}

    <![EndIf]-->

    Note: Works fine in IE9. Downloade IE9 and the developer tool in IE9 allows you to switch the "Browser Mode" to earlier version of IE to check for functionality.

  3. panaghiotisadam
    Member

    @jaw501: Disregard the above wrong reply.

    For the sidebar image, open the Image widget, type in the right dimensions, Save. Your sidebar is 187 pixels wide, so right dimensions should be 187x202. If that doesn't fix the problem, create a copy of your image, downsize it to those dimensions in an image editing application, upload it via Media > Add New, copy its URL and use that URL in the widget.

    For the post image, better copy it to your computer and insert it by uploading it to your blog instead of inserting it via URL: that's always safer. Again it would be better if you also downsized it to a width not exceeding the maximum for the theme you're using - see here:
    http://wpbtips.wordpress.com/2009/07/23/maximum-image-width/
    IE issues apart, this generally gives you better quality, because images downsized by WP loose some color and sharpness:
    http://wpbtips.wordpress.com/2010/01/16/image-quality/

  4. Thank you so much. I really appreciate the help.

  5. I just wanted to say thank you again panaghiotisadam because I get it now, thanks to your post. I haven't been blogging long, and although I get the surface stuff easily, the more sophisticated functions boggle me. This really helped, and it's probably a good idea if gradually I re-post a lot of my images. Appreciated.

Topic Closed

This topic has been closed to new replies.

About this Topic