test/css/grid/fluid.css in ezy-0.2.0 vs test/css/grid/fluid.css in ezy-0.2.6.alpha

- old
+ new

@@ -1,6 +1,11 @@ -/* -------------------------------------------------------------------- * +/* ------------------------------------------------- * + * Ezy Grid by Frej Raahede Nielsen + * http://github.com/raahede/ezy + * ------------------------------------------------- * + */ +/* ------------------------------------------------- * * Micro Clearfix * http://nicolasgallagher.com/micro-clearfix-hack/ */ .page:before, .grid:before, .page:after, @@ -19,18 +24,20 @@ * Include this rule to trigger hasLayout and contain floats. */ *zoom: 1; } -/* -------------------------------------------------------------------- */ +/* --- End clearfix --- */ .page { margin-left: auto; margin-right: auto; } .page { max-width: 1050px; + padding-left: 0; + padding-right: 0; } .grid { margin-left: -1.425%; margin-right: -1.425%; @@ -41,36 +48,45 @@ */ .span-columns-2 { /* Spanning 2 of 12 columns */ width: 13.88%; float: left; - margin-left: 1.38%; - margin-right: 1.38%; + /* Fixing double margin on IE6 */ + _display: inline; + margin-left: 1.385%; + margin-right: 1.385%; } .span-columns-4 { /* Spanning 4 of 12 columns */ width: 30.55%; float: left; - margin-left: 1.38%; - margin-right: 1.38%; + /* Fixing double margin on IE6 */ + _display: inline; + margin-left: 1.385%; + margin-right: 1.385%; } .span-columns-6 { /* Spanning 6 of 12 columns */ width: 47.22%; float: left; - margin-left: 1.38%; - margin-right: 1.38%; + /* Fixing double margin on IE6 */ + _display: inline; + margin-left: 1.385%; + margin-right: 1.385%; } /* -------------------------------------------------------------------- * * Grid columns: using grid-init() */ .span-columns-2, .span-columns-4, .span-columns-6, .span-columns-18 { + /* Grid column base at a 12-column context */ + margin-left: 1.385%; + margin-right: 1.385%; float: left; - margin-left: 1.38%; - margin-right: 1.38%; + /* Fixing double margin on IE6 */ + _display: inline; } .span-columns-2 { /* Spanning 2 of 12 columns */ width: 13.88%;