CSS Two Column Layout

If you view this site with Firefox or other browsers based on the Gecko 1.8+ engine, you'll see the body of articles neatly arranged into two free-flowing and self-balancing columns. This relies on the new CSS 3 column module, implemented in Gecko browsers as -moz-column before ratification by the W3C. Safari and Opera have introduced limited support for multiple columns and will implement stylesheet workarounds for these user agents as soon as possible. Although IE7 is doubtlessly an improvement over IE6 with some of its best features inspired by Opera and Firefox, it has yet to implement support for all CSS 2 properties. If you can't be bothered to download or open a new browser just to view this site as designed, don't worry, it should look fine in one wide column except where pictures are aligned to look best in two-column view.

Author: 
Neil Gardner
+