Comments on: CSS3 Multi-Column Layout & Column-Count

By: Trent

Trent — Fri, 04 Mar 2011 15:17:05 +0000

@Pontus: Great news! Thanks for the head's up

By: Pontus

Pontus — Fri, 04 Mar 2011 10:08:38 +0000

The snapshot of Opera released yesterday adds support for this.

By: Fred Kelly

Fred Kelly — Wed, 11 Aug 2010 12:52:02 +0000

Wow, I had no idea this property existed. I have written a jQuery plugin to produce the same effect for older browsers. Is this property intended as a replacement for using floats when creating layouts?

By: Zoe Gillenwater

Zoe Gillenwater — Tue, 27 Jul 2010 16:27:22 +0000

@Duc Ban: None of my demos have line-height set on them, I'm afraid, so they're all using default line-height already. I'll keep that in mind, however, if I run into problems with other pages later!

By: Trent

Trent — Fri, 23 Jul 2010 05:11:51 +0000

@Zoe Gillenwater: Excellent write-up. No margin in this case... just those lists in a column count of 4. @Duc Ban: I Haven't taken things that far just yet. @Jack Osborne: This is great.

By: Jack Osborne

Jack Osborne — Tue, 20 Jul 2010 09:13:43 +0000

I recently experiments with the multi-col property to say its's pretty patchy is an understatement.

By: Duc Ban

Duc Ban — Tue, 20 Jul 2010 06:56:42 +0000

@Zoe: Your article is good. I got a similar problem. I found out the reason of my problem is I did change the line-height. After I set it back to default, the problem has been resolved.

@Trent: Did you try multi-columns with paragraph mixed with blockquote, inline-image?

By: Zoe Gillenwater

Zoe Gillenwater — Mon, 19 Jul 2010 23:53:29 +0000

Yes, I’ve found Safari’s implementation of multi-columns to be quite lacking. Do you have margin added to the list items? Because Safari royally screwed that up in my tests: http://zomigi.com/blog/deal-breaker-problems-with-css3-multi-columns/