Support » Everything else WordPress » IE8 picture scaling

  • Resolved aclassifier

    (@aclassifier)


    My pictures are scaled wrongly on IE8, they are stretched to become to thin (not wide).

    I have tested some, which are OK: Safari (Mac, Windows), Opera, IE9, Chrome, Firefox (all Windows). In other words: as it now is only IE8 on Windows is wrong.

    Example is the pictures here: http://www.teigfam.net/oyvind/home/hobby/054-leduncle-stand-lamp/

    I see that if I remove
    CSS Class: alignnone wp-image-637
    then it’s also stretched on Safari (Mac).

    Q1: Any hints?
    Q2: Where is wp-image-637 class?

Viewing 10 replies - 1 through 10 (of 10 total)
  • Moderator Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Have you checked whether these selectors work in IE8? They seem to be on everything.

    [class*=]

    I don’t have Windows and IE8 available at home. Not checked.

    But that sounds improbable, doesn’t it? I haven’t done any editing by hand, and WordPress 3.5 and pictures should be common practice?

    My widths are 1200..

    Moderator Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    I checked and they work in IE8, but for the record fail in IE6.

    Moderator Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Can you try this CSS;

    .entry-content img {
     max-height: 100%;
    }

    (Updated code)

    blush.. It may be IE6 that I mean..(?) Thanks for checking it out for me!

    Anyhow, I already had a complaint from a an IEx user, and the problem is still there for those users.

    Moderator Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    I’m experiencing the problem alright on IE8.

    Where should I place that CSS entry?

    Moderator Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Does your theme come with an apparent section of the dashboard named, “Custom CSS”, “Custom Styles” or “Jetpack”?

    I did make a child CSS file that set another colour to a paragraph style only.

    I am using TwentyEleven unmodified.

    However, I am not able to iterate to test things out, since I only have IE at work.

    But this isn’t really “my” problem? Or is there something I have done wrong or just slightly wrong so that IEx gets confused?

    I pity the IEx users..

    I see that IE8 (it was that version) scales both pictures and text, text linearly, but pictures are stretched to become high when IE8 does not think there is space enough in width. This happens “later” as the original dimensions (which may be downscaled in the img) get smaller.

    I thererfore have reduced sizes by 60%, and it looks ok in IE8.

    Another thing is that if the width and heights are too much, like 1200 x 1200, then IE8 stretches the picture in any scales of the screen.

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘IE8 picture scaling’ is closed to new replies.