Snipplr

(CSS) Best Method for Clearing Floats - Huskie

Sat, 07 Jan 2012 00:59:43 GMT

In my opinion, this is the best cross-browser method of clearing floated elements in a container. Remember to add .clear-fix{zoom:1;} to an IE specific stylesheet, otherwise IE 7 will complain.

(CSS) CSS Layouts - Percent Based - digitalzoomstudio

Thu, 11 Aug 2011 07:03:32 GMT

(CSS) Clearing a Float without Source Markup - xcsteve99

Tue, 26 Jul 2011 02:01:41 GMT

just add a class of .clearfix to any element containing a float needing to be cleared

(CSS) CSS - Float Fix / Overflow Fix - clearfix / overflowfix - kreatific

Mon, 27 Jun 2011 14:31:37 GMT

(CSS) Center horizontal float menu - spcmnk7

Mon, 23 May 2011 19:36:49 GMT

(CSS) CSS Multiple Floating - f3webdesign

Fri, 01 Apr 2011 23:17:21 GMT

Multiple CSS floating of DIV's tags

(CSS) CSS Clearfix - 1man

Sat, 12 Mar 2011 20:50:34 GMT

CSS clearfix without using overflow: hidden.

(CSS) Clearing a float container (:after method) - lamebollock

Thu, 13 Jan 2011 03:38:11 GMT

When a float is contained within a container box that has a visible border or background, that float does not automatically force the container's bottom edge down as the float is made taller. Instead the float is ignored by the container and will hang down out of the container bottom like a flag. Those familiar only with Explorer for Windows may scratch their heads and say "That's not right!" True, IE/Win does enclose a float within a container 'automatically', but only if the container element happens to possess the MS-only quality called hasLayout. This site has other methods of achieving the same effect, [http://blogs.sitepoint.com/2005/02/26/simple-clearing-of-floats/](http://blogs.sitepoint.com/2005/02/26/simple-clearing-of-floats//) , depends on your scenario.

(CSS) Clearfix - shodan_uk

Mon, 10 Jan 2011 22:11:05 GMT

(CSS) Clearing a float container - lamebollock

Tue, 07 Dec 2010 01:38:37 GMT

No need for markup

(CSS) Stop Text Wrapping Beneath A Floated Left Element - Meander365

Tue, 10 Aug 2010 14:34:52 GMT

In the example .description is a label and so needs to be made a block level element. For elements (etc) this is not needed. The key to all this is overflow:hidden.

(CSS) Clearfix - mennyj

Fri, 18 Jun 2010 00:57:10 GMT

[via rtcrm] Add this class to elements containing multiple floating elements.

(CSS) IE6 & IE7 Table float override - vagrantradio

Fri, 21 May 2010 14:16:48 GMT

Any table with an attribute of align="left" also applies float:left in older versions of IE, this fixes it.

(CSS) Clearfix:After - mariusscheel

Tue, 02 Mar 2010 06:38:29 GMT

(CSS) Cross-Browser Self-Clearing Float Containers using CSS - adamcoulombe

Mon, 21 Dec 2009 11:43:22 GMT

(CSS) Clearfix - kerpunk

Tue, 17 Nov 2009 06:18:50 GMT

Clears a parent container with floated children

(CSS) Reset CSS plus Clearfix - misteroneill

Tue, 01 Sep 2009 00:15:48 GMT

This is Eric Meyer's (meyerweb.com/eric/) CSS Reset with the "clearfix" class added in for forcing containers to wrap floats. Also, uses the uncommon "zoom" property to achieve the same effect in IE6/7. I like "zoom:1;" for this purpose because as an invalid CSS property, it stands a much better chance of not influencing other/good browsers' rendering.

(CSS) Float bug fix in div to expand - webdevelopertut

Wed, 22 Jul 2009 13:03:00 GMT

(CSS) Vertical align text in floating div using css - webdevelopertut

Thu, 09 Jul 2009 13:00:11 GMT

(CSS) CSS - Force element to self-clear - charmcitycoder

Thu, 18 Jun 2009 09:43:45 GMT

I saw this somewhere else, so I can't claim to have come up with it myself. Def life-saver!