WordPress.org

Ready to get started?Download WordPress

Forums

IE7 Wrapping Issue on Posts (5 posts)

  1. chrisshizzle
    Member
    Posted 3 years ago #

    Hello All,
    I'm working on resolving some issues in a custom template I created for a client, and I'm stuck on a text wrapping issue within a post when viewed in IE7. In everything else, the text wraps properly after it clears the image and caption div floating to the right. In IE7, however, the text continues to break at the same point as though the div was there. Basically, if one pixel of the div comes into the region where the paragraph lives, the whole p tag breaks this way.

    Here's a screen grab of the text wrapping issue in IE7.

    Here's a screen grab of how it looks in every other browser (how it's supposed to look).

    Here's a link to the post.

    I've been spinning my wheels on this for quite a bit now. Any help or suggestions would be greatly appreciated!

    Sincerely,
    Chris

  2. esmi
    Forum Moderator
    Posted 3 years ago #

    Oh - the joys of trying to wrangle IE7! Have you looked at using conditional comment CSS?

  3. chrisshizzle
    Member
    Posted 3 years ago #

    Indeed.

    I've been working with conditionals for this project. I actually have a conditional statement setting the body class to be ie6, ie7, ie8, etc. So as I've been trying to fix this issue, my styles have all been nested under .ie7.

    The problem is more that I can't pinpoint what is causing the issue rather than not being able to single out IE7 in my styles. I've tried setting the width to 100% and to auto on the Ps. At one point I thought it might be a white-space issue, but that wasn't the case. I've messed with clearing the right float, how the elements are set to display and a bunch of other stuff.

    The wrapping wouldn't be an issue if every paragraph was going to be short, but since we could have an author write a lengthy one at any point, I gotta find a solution. It's more noticeable the longer the paragraph.

    Thanks again for any more suggestions/help!

  4. marjiec
    Member
    Posted 3 years ago #

    I have had this issue myself and discovered that, for me, if I put the image after the p tag it works. I think the problem is because their is an open and closed div tag in front of the text you want to wrap, by putting it after the text it does wrap.
    Hope this makes sense and that is fixes the problem.

  5. chrisshizzle
    Member
    Posted 3 years ago #

    I've tried moving the spot where the image is posted. That doesn't have any effect on the issue. The text is wrapping, I just don't want the text below the image to wrap... it should span the entire column width after it clears the image.

Topic Closed

This topic has been closed to new replies.

About this Topic