CSS3 Multi-columns

[elevenspades]

I need help with a CSS3 module. I am aware that it has not been released yet, but Webkit supports some aspects of it. I am designing something that will only ever be viewed by someone with Webkit, so I want to implement it.

The idea is that you have this 4x6 card, the content of which is substantiated by a div layer that contains a bunch of smaller div layers inside of it. I could hack the view, so that this content fits nicely inside of this 4x6 "frame", and that looks fantastic. The problem is, this content changes dynamically, so if the content overflows the div, I need to be able to have it overflow into a new 4x6 "frame" (where I simply duplicate the container directly below it.

I was thinking CSS3 multi-columns. They show an example where there are properties like page breaks, where the content stops, goes onto a new page, and starts drawing again. But I don't know how to make this happen.

(Bear in mind, the only engine this matters for is Webkit so it does not need to be Gecko/IE friendly or anything.)

___________________________________________
¦ Text text text text text text text text text ¦
¦ Text text text text text text text text text ¦
¦ Text text text text text text text text text ¦
¦ Text text text text text text text text text ¦
¦ Text text text text text text text text text ¦
___________________________________________

___________________________________________
¦ Overflow text text text text text text text ¦
¦ Text text text text text text text text text ¦
¦ Text text text text text text text text text ¦
¦ Text text text text text text text text text ¦
¦ Text text text text text text text text text ¦
___________________________________________

[jameshopkins]

I was thinking CSS3 multi-columns. They show an example where there are properties like page breaks, where the content stops, goes onto a new page, and starts drawing again. But I don't know how to make this happen.

From what I can remember, the Multi Col implementation in Firefox is woefully incomplete, and I'm pretty sure that goes for Webkit too. I know for a fact that the overflow feature of the spec isn't implemented in Webkit at least, which is the feature I think you most require.