Support » Fixing WordPress » element not wrapping around floated divs (Mac only)

  • Resolved gttygrl

    (@gttygrl)


    Paragraphs are not flowing properly around images contained in floated divs in this post:

    http://blogs.getty.edu/iris/vitaly-komar-exploring-the-lines-between-us/

    It is only happening on Macs, but in all browsers for Mac.

    I could install the workaround plugin to remove the wpautop filter for just this post, but that would be too complicated for most of the editors to remember and I don’t relish having to go fix their posts every time this problem pops up.

    Any ideas?

Viewing 9 replies - 1 through 9 (of 9 total)
  • esmi

    (@esmi)

    Forum Moderator

    Have you tried:

    – deactivating all plugins to see if this resolves the problem. If this works, re-activate the plugins one by one until you find the problematic plugin(s).

    – switching to the Twenty Eleven theme to rule out any theme-specific problems.

    Unfortunately I can’t do either of those. This is a live site with 400 posts and 3000 visitors a day. I can’t risk breaking everything on it–especially in the middle of the day–when technically I still have the plugin workaround in my pocket.

    esmi

    (@esmi)

    Forum Moderator

    I’m sorry but this is basic troubleshooting – a process of elimination. Unless you are prepared to do that, there isn’t much we can do to help.

    So no one knows of any specific case of CSS causing <p> to not wrap?

    esmi

    (@esmi)

    Forum Moderator

    That’s going to be completely dependant upon the current CSS. Try using Firefox with the Firebug add-on for this kind of CSS work.
    http://getfirebug.com/

    I’m already using Firebug. All the css looks correct to me.

    Here’s the code:

    <div id="attachment_7646" class="wp-caption alignright" style="width: 310px"><img class="wp-image-7646" src="http://blogs.getty.edu/iris/files/2012/03/komarmelamid_sovietschool-300x198.jpg" alt="Example of a typical installation of the bust of Lenin in soviet schools." width="300" height="198" /><p class="wp-caption-text">Example of a typical installation of the bust of Lenin in soviet schools.</p></div>
    <p>In Russia, Komar reminded us, art was supposed to be made for the masses. But how did artists know what the masses wanted to see? When they came to the U.S., Komar and Melamid decided to ask. With the help of the Dia Art Foundation, they hired an ad agency to survey people around the world about what kind of colors, subjects, and styles they wanted to see. The result was the <a href="http://awp.diaart.org/km/"><em>People’s Choice</em> project</a> (1994–1997). From the data (<a href="http://awp.diaart.org/km/surveyresults.html">which is all available here</a>), Komar and Melamid were able to create canvases that represent the most wanted (and unwanted) visual imagery for each country.</p>

    I previewed it in Twenty Ten and the paragraph wrapped fine. All that tells me is the problem is in the theme, probably in the css. Which I already figured.

    I think I found it–it’s the “overflow: auto”. Don’t know why that would break it, but, fixing it now.

    You can close this out.

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘element not wrapping around floated divs (Mac only)’ is closed to new replies.