I am having the same problem with my site Hathaway.tv Did you receive an answer? Has anyone had this problem before???
Yes, everybody has the same problem if they don’t “clear” the float.
For wrapping the text around images the image has to be floated (left or right) and if there is no element with “clear: both” properties somewhere later in the code – EVERYTHING that follows will try to “wrap:, i.e. to slide up where the empty space is.
Possible solutions: make a class in your stylesheet, like
.clearer {clear: both;}
and at the end of a short post with floated image add this:
<br class="clearer" />
another way (since we all tend to forget about it!) is to add the clear attribute to whatever div or p (depending on your theme’s markup) comes after the post. I did this with the “.postmeta” class in one of my themes.
so that goes into the css stylesheet just under the {wrap} portion?
I have soemthing similar at www. trademygadget. com
No.
In many themes there is a big “container”-type div called wrap but that has nothing to do with “wrapping the text around images”. That div is mainly a “wrap container” that keeps together all the other divs.
The .clearer {clear: both;}
code can go into your stylesheet anywhere you want… I prefer to add my code at the end, under a different section, just to keep things clean.
Actually, in my present theme I have a “meta” div right after my posts, displaying the categories, comment link etc. and I added the “clear: both” to its style definiton, so it always pushes down that line to the proper place.