Clear Image Float in Blog

Topics: General, Troubleshooting
May 6, 2011 at 8:11 PM

Hello,

I am trying to find a way to clear an image float in the blog...

http://www.hurstindustriez.com/blog/ 

As you can see, I used BertrandLeroy code to show the full Blog Post... Whats happening is, the next post is beginning after the text as opposed to the image, any suggestions would be appreciated...

Regards,

TJ Havens

Coordinator
May 7, 2011 at 12:24 AM

It really is a matter of styling whatever tag surrounds the summary to be a block and to have the image itself stay in that block. Thing is, it's easier said than done. I'm ashamed to say my CSS is not good enough and I went for a dirty hack in my own blog, which is to set a min-height for my summary so that the images I use in my summaries fit inside:

.content-items .content-item, div#content .blog-archive li {
  border-bottom: 1px solid #DBDBDB;
  padding: 6px 0 6px 0;
  min-height: 28em;
  margin-bottom: 1em;
  padding-bottom: 1em;
}