Image issue in News theme in IE8

Community Forums Forums General Discussion Image issue in News theme in IE8

This topic is: resolved

Tagged: , , ,

This topic contains 5 replies, has 3 voices, and was last updated by  David Chu 1 year, 6 months ago.

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #25623

    vayu
    Participant

    Hi.

    Most images in the News theme are displayed incorrectly in IE8.  They get squashed.

    http://demo.studiopress.com/news/

    I have fixed it like this:

    <code>img { width: auto; }</code>

    Please let me know if there is a better way. :-)

    I am using the theme here: http://socialpolitisk-forening.dk/

    Vayu

    #25679

    David Chu
    Participant
    Post count: 1374

    IE8 is indeed really stupid bad with images.  I have used explicit width to fix it.  Your method is actually better, because it’s more generalized – I’d never tried “auto”.  So as far as I know, you have used the best method!

    Dave


    Dave Chu · Custom WordPress Developer – likes collaborating with Designers

    #37431

    pixelpointpress
    Participant
    Post count: 5

    Hi guys,

    I’ve got the same problem here: http://blog.stratasys.com

    Thanks for the code tip Vayu, but where did you implement it? When I tried adding it to my CSS, it blew out the width of the other thumbnails on my home page.

    Any help here would be much appreciated.

    #37435

    David Chu
    Participant
    Post count: 1374

    You need to look at the HTML in the context that you’re interested in, and then be more specific with your code. Let’s say you just wanted it in the “Home Middle Left” area which I assume is some widget. I take note of the HTML surrounding that, and find a class I can use.

    [css]
    .home-middle-left img {
    width: auto;
    }
    [/css]

    Look at your HTML and you’ll see what I’m talking about. Now you have the principle, and you can apply it.

    Dave


    Dave Chu · Custom WordPress Developer – likes collaborating with Designers

    #37441

    pixelpointpress
    Participant
    Post count: 5

    Ooh! It was a bad image upload from the previous site design!

    Your code was spot on – they just had a monster of a photo with an incomplete path that hadn’t had “featured image” set correctly!

    Thanks so much!

    #37442

    David Chu
    Participant
    Post count: 1374

    Cool! You’re welcome.


    Dave Chu · Custom WordPress Developer – likes collaborating with Designers

Viewing 6 posts - 1 through 6 (of 6 total)

The topic ‘Image issue in News theme in IE8’ is closed to new replies.