Support » Themes and Templates » Clearing Floats and linked images

Viewing 1 replies (of 1 total)
  • “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: */
    #content-container:after { content: ""; display: table; }
    #content-container:after { clear: both }
    #content-container { *zoom: 1; }
Viewing 1 replies (of 1 total)
  • The topic ‘Clearing Floats and linked images’ is closed to new replies.