The Support Forums will be in read-only mode for a scheduled maintenance window on 01 September 2016 14:00 UTC - 20:00 UTC. More information.

Clearing Floats and linked images (2 posts)

  1. timsainb
    Posted 5 years ago #

    I submitted my theme a little while ago and just got back the results. There were two changes that still need to be made, and I'm not entirely sure how to fix them.

    Here they are:

    Not Fixed - Clearing Floats don't clear. Does not work in posts or pages.

    Linked images in posts are overflowing the content area, please see image attached.

    They both link to the post they're about.

    Any help would be great, thanks.

  2. Gray Ghost Visuals
    Posted 4 years ago #

    "The last item in this page’s content is a floated image. Make sure any elements after it are clearing properly."

    There are a few ways to do this and one of them is to add the .clearfix class to your content containing element such as a <div> for example.

    Another way is to add this CSS to you content containing element we mentioned previously or you could just use the HTML5 Boilerplate helper classes

    /* Contain floats: h5bp.com/q */
    #content-container:after { content: ""; display: table; }
    #content-container:after { clear: both }
    #content-container { *zoom: 1; }

Topic Closed

This topic has been closed to new replies.

About this Topic