CSS: clear:both only inside parent div

[r2d2]

I use floating divs for the left and right columns of my site, and put my actual content in the main centre content div. Now, in this div I float pictures right in my review section.

If I want to put something below the floated picture by using clear:both, this clears the picture and my left and right columns, which is obviously not good!

Anyone know how to restrict the clear:both attribute to just the div that the float is in?

[aibo]

No - but I'd also really like to know if this is possible...

-!aibo

[aibo]

Actually, after a few minutes googling, I've found that complexspiral have an interesting solution to this one:

http://www.complexspiral.com/publications/containing-floats/

See the paragraph headed "Set a Float to Fix a Float"

Hope it helps

-!aibo

[r2d2]

Excellent cheers, will have a go at that tonight! Welcome to Web Pub :)