WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Photo Frame issues in IE8 (no caption) (10 posts)

  1. tibleu
    Member
    Posted 3 years ago #

    Thanks for this great theme! It does everything I need and looks great. The only thing which is still keeping me from publishing my page is an issue with the frame in IE8: with large images, the image and frame overlap onto the side bar (I think this is an issue with max-width)

    After looking around in the files, I noticed that there is a specific ie.css file which seems to deal with this issue, but when I look at the source code in my IE8 browser, the call to that css file is commented out.

    Is there an easy fix for this?

    Thanks,
    Didier

  2. esmi
    Forum Moderator
    Posted 3 years ago #

    when I look at the source code in my IE8 browser, the call to that css file is commented out.

    Are you sure it's commented out? Or are you mis-identifying a conditional comment?

  3. tibleu
    Member
    Posted 3 years ago #

    oops.. yeah, I guess that's what it is.

    So if the ie.css is being accessed correctly, then I guess the problem lies elsewhere... The actual image is sized correctly, but it's as if the frame width is much larger than it should be (though the height is perfect). Any clues how I might fix this?

    Thanks for the quick reply!
    -Didier

  4. esmi
    Forum Moderator
    Posted 3 years ago #

    You could add a max-width to the images in the post content area - but that could lead to skewed images. Adding overflow:hidden; wouldn't skew them but the overlap could end up sliding under the sidebar.

    The only real solution is to limit your image widths to a size that is compatible with the theme when viewed in IE8.

  5. tibleu
    Member
    Posted 3 years ago #

    hmmm... any style I add to the image tag in the post content (width, max-width or overflow) disappears on the final page. instead, it somehow gets moved to the frame-outer span tag
    eg: <span class="frame-outer" style="max-width:190px;">
    In all cases, the overly wide frame issue remains.

    Unfortunately, I can't limit the size of the images themselves since they will be user submitted. The thing is, I'm just so close to having this site work perfectly.... just this last little frame display issue.

    I just don't understand why the photo is resized correctly, but the frame itself is too large in IE (with big white gaps on each side of the image). Is there any way I can submit a screenshot? (sorry, I'm new around here)

  6. esmi
    Forum Moderator
    Posted 3 years ago #

    You can't upload screenshots, sorry. We really need to see the site itself.

  7. tibleu
    Member
    Posted 3 years ago #

    Sure.. here's the link: http://www.wine-pervs.com
    Thanks for helping out!

  8. esmi
    Forum Moderator
    Posted 3 years ago #

    Try editing style.css and replacing:

    .frame-outer span {
        background: url("images/frame-top-left.jpg") no-repeat left top;
        display: inline-block;
    }

    with:

    .frame-outer span {
        background: url("images/frame-top-left.jpg") no-repeat left top;
        display: block;
    }
  9. tibleu
    Member
    Posted 3 years ago #

    Perfect! That did the trick. I never would've found that :)
    Thank you!

  10. esmi
    Forum Moderator
    Posted 3 years ago #

    It was a rather obscure one. Glad to have helped, anyway. :-)

Topic Closed

This topic has been closed to new replies.

About this Topic