Comments on: Understanding CSS Floats

By: bayamedia

bayamedia — Tue, 18 Oct 2011 06:43:24 +0000

thanks for this article really helpfull of understanding the differnce between the floats,clearand positiong

By: Steven Bradley

Steven Bradley — Thu, 13 Oct 2011 15:31:00 +0000

Not here, but I did write a 2 part post for another site How to Turn a Design Image Into a Working Web Page The link is to part 1

By: Steven Bradley

Steven Bradley — Thu, 13 Oct 2011 15:27:51 +0000

I don’t think I said you shouldn’t use them for layout. I just said some people find them confusing to use. The post was an attempt to make them less confusing.

By: Chris

Chris — Thu, 13 Oct 2011 14:39:26 +0000

You mention in the beginning of this blog that floats should not be used for layout. You use this to endorse your comment http://meyerweb.com/eric/thoughts/2004/07/17/floats-dont-suck-if-you-use-them-right/ (your link above titled “two main ways floats are used”. But in this same blog, you say that floats are best to use for layout (columns,etc). Which is it? Thanks.

By: Chris

Chris — Thu, 13 Oct 2011 14:25:12 +0000

“moving a design from a PSD file to a developed website”

Regarding your response to Pavitra. Have you written about this topic as yet?

By: Are CSS Tables Better Than HTML Tables? | Van SEO Design

Are CSS Tables Better Than HTML Tables? | Van SEO Design — Thu, 13 Oct 2011 12:32:04 +0000

[...] some of the other css layout modules on the horizon will be better and even our current practice of using floats and positioning for layout are still a better [...]

By: Sweta Shrestha's Personal Blog Site » More Css Tips and Tricks

Sweta Shrestha's Personal Blog Site » More Css Tips and Tricks — Tue, 27 Sep 2011 15:37:11 +0000

[...] are two basic methods to clearing CSS floats. The first is to use the clear property [...]

By: Steven Bradley

Steven Bradley — Thu, 22 Jul 2010 16:38:02 +0000

Strange. Do you mind sending me a link to an example or posting one here? I’ll be happy to take a look and see if I can figure out what’s going on.

I would have thought setting the padding would work, though it sounds like it’s not.

By: eric

eric — Mon, 19 Jul 2010 17:04:39 +0000

Helpful. But I’ve found another issue (observed so far in FF, Chrome and Safari):

When a floated element follows a heading style, the bottom margin on the heading and the top margin on the following block element are collapsed.

E.g., a heading with a bottom margin of 2px, followed by a paragraph floated to the right, then a paragraph without float. Any bottom margin on the heading or top margin on the following paragraph will be ignored, as will any bottom or top padding.

The problem cannot be addressed by increasing the padding on the heading: The padding area simply overlaps the top of the following paragraph.

Have not yet tested this in IE.

By: Part 1: How to Turn a Design Image Into a Working Web Page | Greatest Info for You

Fri, 30 Apr 2010 14:11:59 +0000

[...] key to laying out a site with CSS is realizing when CSS isn't needed and understanding the few places floats are necessary. Given our HTML, the content div will fall right below the header div on its own and the footer div [...]