CSS/Javascript: multiple columns
        Posted  
        
            by Patrick
        on Stack Overflow
        
        See other posts from Stack Overflow
        
            or by Patrick
        
        
        
        Published on 2010-05-08T19:04:36Z
        Indexed on 
            2010/05/08
            19:08 UTC
        
        
        Read the original article
        Hit count: 254
        
hi,
I'm looking for a columnizer plugin (making columns of my small divs).
It is very important it has the following features:
1) It has to be as light as possible (if it is only css would be great, but I guess it is difficult make it work on IE then...)
2) It has to be cross-browser (I don't need IE6... IE7 and IE8 compatibility is required).
3) The divs has not to be broken. In other terms, the nodes have to be moved to next block but not splitted in 2. The nodes are div elements, they might include other divs, images and text.
4) The column have to have a fixed width and fixed margin. This means that when I resize the browser, and new columns are created (become the window becomes wider), the new columns have to rigidly keep the same width and distance between them. (margin:20px) (width:200px)
Would be great to have some css.. but I'm afraid I need some jQuery plugin because I need all 4 features being supported.
I found several plugins and css styleshits with very good solutions, but I couldn't find a complete one.
Thanks
© Stack Overflow or respective owner