Clearing floats without structural markup

[GoogleCodeExporter]

I see you use <a href="http://www.positioniseverything.net/">Position is
Everything</a>'s <a
href="http://www.positioniseverything.net/easyclearing.html">How To Clear
Floats Without Structural Markup</a> on at least your container, but I
think you should add this as an extra class to. I still see a lot of people
using the <div style="clear:both;"></div> ugliness, and I think a CSS
Framework should incorporate solutions to such problems.

<code>
/**
 * Based on How To Clear Floats Without Structural Markup
 * by Position is Everything.
 * http://www.positioniseverything.net/easyclearing.html
 */
.clear:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clear {display: inline-block;}

/* Hides from IE-mac \*/
* html .clear {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
</code>

Original issue reported on code.google.com by kjbekkel...@gmail.com on 9 Aug 2007 at 11:39

[GoogleCodeExporter]

A little error in my code; it says .clearfix on one occasion, it is of course
supposed to be .clear

Original comment by kjbekkel...@gmail.com on 9 Aug 2007 at 12:39

[GoogleCodeExporter]

Original comment by kjbekkel...@gmail.com on 9 Aug 2007 at 12:42

• Added labels: Type-Enhancement
• Removed labels: Type-Defect

[GoogleCodeExporter]

Great idea, Kim. Added to 0.4, coming out tomorrow. :)

Original comment by ola...@gmail.com on 9 Aug 2007 at 10:22

• Changed state: Fixed
• Removed labels: Type-Enhancement