WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] element not wrapping around floated divs (Mac only) (10 posts)

  1. gttygrl
    Member
    Posted 2 years ago #

    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?

  2. esmi
    Forum Moderator
    Posted 2 years ago #

    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.

  3. gttygrl
    Member
    Posted 2 years ago #

    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.

  4. esmi
    Forum Moderator
    Posted 2 years ago #

    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.

  5. gttygrl
    Member
    Posted 2 years ago #

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

  6. esmi
    Forum Moderator
    Posted 2 years ago #

    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/

  7. gttygrl
    Member
    Posted 2 years ago #

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

  8. gttygrl
    Member
    Posted 2 years ago #

    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>
  9. gttygrl
    Member
    Posted 2 years ago #

    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.

  10. gttygrl
    Member
    Posted 2 years ago #

    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.

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags