Comments on: Experiments with floats: whats the best method of clearance? http://blue-anvil.com/archives/experiments-with-floats-whats-the-best-method-of-clearance The online blogfolio of Mike Jolley Fri, 10 Oct 2008 23:01:38 +0000 http://wordpress.org/?v=2.6.2 By: PurpleBlog » Blog Archive » Astuce CSS #1 : les méthodes pour dompter les floats http://blue-anvil.com/archives/experiments-with-floats-whats-the-best-method-of-clearance#comment-1619 PurpleBlog » Blog Archive » Astuce CSS #1 : les méthodes pour dompter les floats Thu, 28 Feb 2008 20:46:25 +0000 http://82.110.105.91/blue-anvil.co.uk/?p=22#comment-1619 [...] Ce matin, j’étais confronté à un problème de float, alors aujourd’hui je vous propose le meilleur article que j’ai jamais trouvé sur la question : whats the best method of clearance. [...] [...] Ce matin, j’étais confronté à un problème de float, alors aujourd’hui je vous propose le meilleur article que j’ai jamais trouvé sur la question : whats the best method of clearance. [...]

]]> By: Jimmie http://blue-anvil.com/archives/experiments-with-floats-whats-the-best-method-of-clearance#comment-753 Jimmie Wed, 10 Oct 2007 14:17:01 +0000 http://82.110.105.91/blue-anvil.co.uk/?p=22#comment-753 Hey, I've been using overflow: hidden; for a few years now. I wasn't even aware of the different options available, but I would say that overflow: hidden; is my favorite, it gets the job done quick. I really like the clearfix method, but until we get conditional statements within the css itself, its a pain to use on larger websites. Also found a typo: "I wont go though overflow:hidden, because it often shows scrollbars (which looks nasty) so I will focus on the (in my opinion) superior overflow:hidden property." That first 'hidden' should be 'auto' I believe. Great article though! Hey, I’ve been using overflow: hidden; for a few years now. I wasn’t even aware of the different options available, but I would say that overflow: hidden; is my favorite, it gets the job done quick. I really like the clearfix method, but until we get conditional statements within the css itself, its a pain to use on larger websites.

Also found a typo:
“I wont go though overflow:hidden, because it often shows scrollbars (which looks nasty) so I will focus on the (in my opinion) superior overflow:hidden property.”

That first ‘hidden’ should be ‘auto’ I believe. Great article though!

]]> By: RobH http://blue-anvil.com/archives/experiments-with-floats-whats-the-best-method-of-clearance#comment-81 RobH Thu, 27 Sep 2007 10:29:16 +0000 http://82.110.105.91/blue-anvil.co.uk/?p=22#comment-81 Using Tredosoft's multiple IE package, I can at least confirm that using overflow:hidden and width:100% passed the test set by your example, whereas using height:1% failed for IE5 (although I guess that browser is virtually extinct these days). I imagine that giving a div 100% width that is inside a div of fixed width should be fairly reliable. Using Tredosoft’s multiple IE package, I can at least confirm that using overflow:hidden and width:100% passed the test set by your example, whereas using height:1% failed for IE5 (although I guess that browser is virtually extinct these days).

I imagine that giving a div 100% width that is inside a div of fixed width should be fairly reliable.

]]> By: Mike Jolley http://blue-anvil.com/archives/experiments-with-floats-whats-the-best-method-of-clearance#comment-80 Mike Jolley Wed, 26 Sep 2007 15:31:00 +0000 http://82.110.105.91/blue-anvil.co.uk/?p=22#comment-80 True, but IE 6/5 render widths incorrectly quite often, I believe height:1% works too. True, but IE 6/5 render widths incorrectly quite often, I believe height:1% works too.

]]> By: RobH http://blue-anvil.com/archives/experiments-with-floats-whats-the-best-method-of-clearance#comment-79 RobH Wed, 26 Sep 2007 11:27:42 +0000 http://82.110.105.91/blue-anvil.co.uk/?p=22#comment-79 Using the HTML in your example, you can set the container div to have overflow:hidden and width:100%. This appears to work in IE 5 - 7. Using the HTML in your example, you can set the container div to have overflow:hidden and width:100%. This appears to work in IE 5 - 7.

]]> By: Mike Jolley http://blue-anvil.com/archives/experiments-with-floats-whats-the-best-method-of-clearance#comment-78 Mike Jolley Tue, 25 Sep 2007 14:25:18 +0000 http://82.110.105.91/blue-anvil.co.uk/?p=22#comment-78 That method always seems to cause jumping content in IE though, thats why I don't use it that often (not for the main layout divs anyway, I do use it sometimes when floating content within the layout) That method always seems to cause jumping content in IE though, thats why I don’t use it that often (not for the main layout divs anyway, I do use it sometimes when floating content within the layout)

]]> By: RobH http://blue-anvil.com/archives/experiments-with-floats-whats-the-best-method-of-clearance#comment-77 RobH Tue, 25 Sep 2007 14:18:42 +0000 http://82.110.105.91/blue-anvil.co.uk/?p=22#comment-77 Quirksmode prefers overflow with width or height: http://www.quirksmode.org/css/clearing.html Quirksmode prefers overflow with width or height:

http://www.quirksmode.org/css/clearing.html

]]> By: Mike Jolley http://blue-anvil.com/archives/experiments-with-floats-whats-the-best-method-of-clearance#comment-75 Mike Jolley Sat, 14 Jul 2007 20:32:55 +0000 http://82.110.105.91/blue-anvil.co.uk/?p=22#comment-75 I tend not too, because often that would require a lot of bother to update the Conditionals (because I put them in the header most of the time instead of a css stylesheet)... I tend not too, because often that would require a lot of bother to update the Conditionals (because I put them in the header most of the time instead of a css stylesheet)…

]]> By: IanH http://blue-anvil.com/archives/experiments-with-floats-whats-the-best-method-of-clearance#comment-76 IanH Wed, 11 Jul 2007 11:07:38 +0000 http://82.110.105.91/blue-anvil.co.uk/?p=22#comment-76 Hey Mike, Thanks for the rundown, very handy. I'm the same as you, always chopping and changing clearing methods. Just wondering... why not just add the clearfix code into whichever style you want to clear in the stylesheet, rather than adding an extra classname to the markup? Cheers, Ian Hey Mike,

Thanks for the rundown, very handy. I’m the same as you, always chopping and changing clearing methods.
Just wondering… why not just add the clearfix code into whichever style you want to clear in the stylesheet, rather than adding an extra classname to the markup?

Cheers,
Ian

]]> By: JW http://blue-anvil.com/archives/experiments-with-floats-whats-the-best-method-of-clearance#comment-74 JW Tue, 15 May 2007 19:30:39 +0000 http://82.110.105.91/blue-anvil.co.uk/?p=22#comment-74 I still prefer the bulk of clear:both divs to relying on browser specific hacks. I still prefer the bulk of clear:both divs to relying on browser specific hacks.

]]>