Multi-Column CSS Layout
Sep 27

Multi-Column CSS Layout

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.

by Joe   September 27, 2005 8:36 AM   |
  tags: 
A List Apart, CSS, HTML

Comments

by dz,   September 27, 2005 12:29 PM  

Good article. That's a pretty fly little javascript hack.

by Deane,   September 27, 2005 3:52 PM  

The International Herald Tribune has done this for a while. We posted about it here:

http://www.gadgetopia.com/post/3967

by Boda,   March 4, 2006 4:45 PM  

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?

Add Comment

Want to advertise on this site? Contact FM.
Laser Toner Cartridges UK laser toner, toner cartridges, hp toner, lexmark toner, samsung toner, canon, toner, epson toner, oki toner, kyocera toner, xerox toner, remanufactured toner, compatible toner
Direct TV Deals Free 4 room direct tv deals. no equipment to buy. free fast professional direct tv installation. this is the best direct tv deal available anywhere.
SEO Article Learn from the experts with our SEO article.
rope light Shopping with birddog distributing, inc., gives you access to the lowest prices, the best customer service and the quickest delivery times possible.
Laptop AC Adapter We offer genuine factory direct replacement AC adapters.
Direct TV Best satellite TV deals.
Direct TV Deals Direct TV programming deals are varied and include packages containing from 50 channels up to over 250 channels.
8mm film to DVD Retain family memories with the only frame by frame digital restoration service in the United States for your 8mm film to DVD today
Rubber Stamp Shop for custom self-inking stamps, hand stamps, address stamps, label stamps, check endorsement stamps, check deposit stamps, date stamps, pre inks, pocket stamps, ink and much more!