CODEWITHSUNDEEP
csscross-browser
c69
c69

Reputation: 21507

css3 multiple-column - which browser has the correct behaviour (if any)?

Here is a code, which was supposed to display 6 columns equally distributed across the container's width: http://jsfiddle.net/fstyh/

BUT: IE10 (both pp2win7 and pp4win8) and Opera 11.60 clump such columns together in weird manner (like region flow), while IE9, Firefox12 and Chrome17 just stack them one after another.

Which browsers are correct ? IE10 and Opera, because they are newer ? Or Chrome and Firefox, because they have bigger market share together ?

Before you answer, check what happens in Opera, when you add some text to those columns. (it's transparent, but works just fine to show effect). IE10 does not react to it, in any way.

I was not able to find anything in the spec. Hopefully, anyone can help.

Upvotes: 3

Views: 71

Answers (1)

c69
c69

Reputation: 21507

Oops, it turns out that both mozilla and webkit still need vendor prefixes for multicolumn properties and values.

http://jsfiddle.net/fstyh/1/

Upvotes: 1

Related Questions