/* ------------------------------------------------- * * Ezy Grid by Frej Raahede Nielsen * http://github.com/raahede/ezy * ------------------------------------------------- * */ /* ------------------------------------------------- * * Micro Clearfix * http://nicolasgallagher.com/micro-clearfix-hack/ */ /* --- End clearfix --- */ /* -------------------------------------------------------------------- * * Grid columns with offset */ .span-columns-2 { /* Spanning 2 columns */ width: 150px; float: left; /* Fixing double margin on IE6 */ _display: inline; margin-left: 15px; margin-right: 15px; /* Offset left by 1 columns */ margin-left: 105px; } .span-columns-4 { /* Spanning 4 columns */ width: 330px; float: left; /* Fixing double margin on IE6 */ _display: inline; margin-left: 15px; margin-right: 15px; /* Offset right by 2 columns */ margin-right: 195px; } .span-columns-6 { /* Spanning 6 columns */ width: 510px; float: left; /* Fixing double margin on IE6 */ _display: inline; margin-left: 15px; margin-right: 15px; /* Offset both by 3 columns */ margin-left: 285px; margin-right: 285px; /* Removing offset left */ margin-left: 15px; }