Picnic Website Code Tutorials

.clearfix 2012 and Beyond Tutorial

12/07/2012

View Demo

Now that IE6/7 are dead here is all the clearfix code that is needed for modern browsers and IE8+. I'm also renaming it to .contain. If by chance you still wish to support IE6/7 then just add either zoom:1; or a width to the containing box thereby creating haslayout.

.contain:after {
content:'';
display:table;
clear:both;
}

OR...

.contain:after {
content:'';
display:block;
clear:both;
}

Need help adding this or other code to your website? Post it here in the forum! Forum

Sponsors

Top Donators

Friends of Mine