NOTICE:
This content is in the "archives" of a retired blog called Gadgetopia. It has been moved to this subdomain as it is no longer considered relevant to the site. It is being hosted here for a indeterminate period of time. Its existence at this URL is not guaranteed, and it may be removed at any time. If you would like to refer to this content in the future, you are encouraged to save it to your local file system.

Some content from Gadgetopia was moved to the technical blog on deanebarker.net

Multi-Column CSS Layout

Originally published by "Joe" on 2005-09-27 13:36:00Z

Fantastic article (as usual) over on A List Apart this morning. The next version of CSS (CSS3) includes a lot of handy features, one of which is a ‘column-count’ property, telling a web element to render its contained text into multiple columns (think magazine or newspaper). That would be a very handy feature, but no browser currently supports it (although the next version of Firefox likely will). Well, the ALA guys have pointed us to a JavaScript that will add fairly decent support for this CSS property in most current browsers:

The implementation is an unobtrusive, stand-alone piece of code that acts as a JavaScript parser for this CSS3 extension. You don’t need any knowledge of JavaScript to use it, just upload the file to your site and link it to your page.

You can then start using the CSS3 properties in your stylesheets as you would do for any other CSS.

Very cool. You can check out the demo to get an idea of what this can do.

Comment by "dz" on 2005-09-27 17:29:00Z
Good article. That's a pretty fly little [javascript](http://13thparallel.org/archive/column-script/lib_columns.js) hack.
Comment by "Deane" on 2005-09-27 08:52:00Z
The [International Herald Tribune](http://www.iht.com/) has done this for a while. We posted about it here: [http://www.gadgetopia.com/post/3967](http://www.gadgetopia.com/post/3967)
Comment by "Boda" on 2006-03-04 10:45:00Z
Nice javascript and demo, but when I try to print int it looks ugly. Any idee how to print nice with CSS, without creating a PDF?