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%;