CSS3 Multi Column Layout

The multi-column layouts found in the CSS3 specification will probably be the most used addition on that fine day when browsers start to officially support it. Currently we have a dilemma; users often won’t finish reading an article that requires they scroll down, yet if we attempt to use the full width of the screen, the long lines make the text harder to follow. Print media has long used columns to make the most of the space on a page while making the writing easier to follow, and with CSS3 web pages will finally be able to do the same.

Yet, most users are not even using a browser that fully supports CSS2 yet, let alone CSS3 which still looks to be years away. So what’s a poor web publisher to do? CSScripting.com have an excellent script that allows you to use those lovely column properties in your CSS, and when the user loads your page, this script will parse the CSS and attempt (quite successfully in my experience) to put your layout into the correct column format. Check out the examples here.

Their script is licensed under a Creative Commons GNU Lesser General Public License, so get it now, and edit it to your hearts content.

Technorati tags: , , , ,

Leave a Reply

You must be logged in to post a comment.