Text wrap problems, images overlapping post below

  • I inserted an image with the default “alignright” class, and it’s aligning right and the text is ok and all, but the post doesn’t accomodate the image size, the image runs into the post below. I modified a theme I downloaded called equix and there must be some issue in the css there that i’m not seeing.

    Look here to see what’s going on:

    https://www.10eastern.com/wordpress

    THanks in advance!

Viewing 4 replies - 1 through 4 (of 4 total)

  • First, validate the page because that might be causing the problem, but I don’t think so. Still, it needs to be fixed.

    This is a common problem when you float an image in another container. The first container doesn’t know how big the other thing is and it doesn’t push the container down.

    Check with https://www.positioniseverything.net and search for “clearfix”, I think it is called. Just add that to your CSS and follow the instructions about how to use it in the container that holds your image. It works for me, every time in all the browsers. I use it on my home page to make sure that the images in the many excerpts don’t overlap each other.

    If you have enough text in the container, then it pushes it down and you don’t have a problem.

    Thread Starter yanbu

    (@yanbu)

    I couldn’t find anything on ‘clearfix’ on the page link there, is it maybe named something else?

    .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
    /* Hides from IE-mac */
    * html .clearfix {height: 1%;}
    /* End hide from IE-mac */
    /* end fixes */

    Put this in your style sheet (style.css).

    In your index.php in the entry, post, or whatever the name of the container that holds your excerpt, use it like this:

    <div class="entry clearfix">blah blah

    I just checked your site (it validates – good for you) and you want to add it here:

    <div class="post clearfix">

    See if that works.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Text wrap problems, images overlapping post below’ is closed to new replies.