Unexplained white space when using clear:both

Question

I\'m building a Joomla 1.7 website and I\'m using a gallery plugin. This works out real nice except for one problem. In the gallery plugin you can insert a description that

Answer 1

the class pg-category-view-desc probably give the div float:left or float:right and it also has a fixed height and the clear apply the div height

Answer 2

You must have a sidebar on the left or the right with a floating element in it (or which is floating itself).

The clear:both causes the element to be under that floating element.

See the problem here: http://jsfiddle.net/9Razw/

One solution is to set overflow: hidden on #phocagallery or a parent of the clear:both element.

Answer 3

Use it

.clear
{
  height:0px;
  clear:both;
}