The Script

From CSScripting

Download the File (right-click + save as)

Current Version: v1.0 Beta - June 21 2005

This software is licensed under the CC-GNU LGPL <http://creativecommons.org/licenses/LGPL/2.1/>


Usage

(1) Upload the file to your website and (2) attach the script after your stylesheets to enable the CSS3 Multi-Column module in your web page.

Example:

<head>
...
<link rel="stylesheet" type="text/css" href="stylesheet.css" />
<script type="text/javascript" src="css3-multi-column.js"></script>
...
</head>


Current Limitations

  • Values for column-width and column-gap must be given in pixels.
  • Also, for now the parser still processes commented rules (likely to be fixed soon).
  • The parser only processes linked stylesheets (link tag). Style elements, import directives and inline styles are ignored.
  • Be aware that the markup of your page is modified by the javascript, so it is possible that some CSS rules may not work after the multi-column layout is applied.
  • The implementation relies on a light javascript css parsers. Avoid complex css structures (like cascading rules).

This is ok: 

     .article {
        column-count: 3;
        column-gap: 20px;
     }

This is likely to break: 

     #somearticleid {
         column-count: 3;
     }
     .different_selector {
         column-gap: 20px;
     }
Retrieved from "http://www.csscripting.com/wiki/index.php?title=The_Script"