This page demonstrates how JavaScript can be used to automatically format content in columns.
The script automatically generates the columns, and reflows the text in those columns. The entire width of the containing block is used. Try resizing your browser!
Also, the HTML-code remains clean and can be viewed with any browser.
Of course, this isn't as nice as CSS3 columns, but CSS3 isn't even final yet. And this works even in Internet Explorer 6!
More info on my website: http://randysimons.nl.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Fusce a nibh. Sed mauris. Nunc ac mi et diam placerat aliquet. Proin eu eros. Fusce sapien urna, porta tempor, sodales tempor, facilisis in, risus. Aliquam ac dolor.
Donec sit amet velit sodales sem auctor viverra. Etiam blandit sapien et magna. Fusce porttitor lacinia pede. Donec at nisl. Sed justo.
In viverra, lorem eu vulputate blandit, nisl diam iaculis sem, sit amet suscipit nisl dui ut nisi. Vivamus egestas malesuada purus. Vestibulum sagittis dapibus tortor. Nunc elit massa, pharetra in, sollicitudin ut, imperdiet eget, diam. Quisque eget tortor.
Donec et lacus. Maecenas non magna in pede rutrum pretium. Aenean et nibh. Quisque dictum aliquet mauris. Mauris eleifend commodo quam. Aenean imperdiet, felis a convallis imperdiet, sem lectus interdum purus, sed ornare tellus mi et ante. Vivamus luctus lacus nec pede congue rutrum.
Pellentesque mi. In lacinia iaculis ante. Phasellus ut elit. Vestibulum magna. Please don't use Internet Explorer. Ut lacinia augue et massa. Nullam vel augue. Suspendisse eleifend ultricies massa. Nunc lobortis. Nunc tempus. Curabitur cursus, tellus vel dictum scelerisque, quam leo tincidunt nisi, in sollicitudin ipsum nisi ac leo. Etiam eros erat, interdum non, tempor sit amet, suscipit commodo, eros.
Nunc non dui. Maecenas quis lacus sed dui commodo elementum. Duis tortor. Mauris diam leo, ultricies varius, posuere non, pellentesque vitae, risus. Ut dapibus, velit sed vulputate rhoncus, augue sem eleifend sapien, vel tincidunt quam nisi vel nisl. Nunc nec velit.
Nulla tempus gravida lorem. In lacinia. Pellentesque rhoncus sollicitudin libero. Phasellus nunc risus, tincidunt vel, bibendum eu, molestie ac, tortor. Etiam in felis.
Pellentesque id erat. Mauris condimentum pharetra nibh. Aliquam fringilla tellus in ipsum. Fusce sollicitudin auctor tortor. Aliquam placerat, sem vitae tincidunt pharetra, odio sapien rutrum nibh, et tempor massa est non nibh.
In vulputate sem eu dui. Vestibulum pharetra dolor eget nisi. Sed congue aliquet arcu. Nunc sit amet eros quis arcu nonummy convallis. Aenean id risus vitae risus vestibulum tristique. Quisque condimentum nisi. Nullam viverra erat sit amet eros. Curabitur pede nisi, tincidunt quis, lobortis at, tempus blandit, elit. Morbi laoreet sapien et mauris. Etiam varius rutrum lectus. Proin quam. Nullam vel orci sed lectus cursus malesuada.
Quam eget bibendum pulvinar, ligula magna egestas lorem, placerat eleifend orci metus et massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Mauris sit amet odio. Aenean ac nisi. Proin sapien odio, placerat vel, placerat imperdiet, egestas nec, massa. Vivamus sollicitudin, neque sed laoreet imperdiet, magna mi ultricies neque, id cursus mauris lectus eu felis. Nulla facilisi. Fusce ut nulla et pede adipiscing molestie.
Sed id lorem a est gravida consectetuer. In hac habitasse platea dictumst. Morbi hendrerit dictum pede. Mauris sed tellus. Morbi congue egestas nunc.