Skip to content
This repository
Browse code

test_suite/layout Tested IE6 and Chrome 2 on Windows XP

  • Loading branch information...
commit 9b24abafe50835400c3f75208b6b1f2158e3b60f 1 parent f8010ff
Johan Ronsse authored June 11, 2009
6  start_project/css/conditionals/ie6/winston.ie6.general.css
@@ -10,3 +10,9 @@
10 10
 .clearfix {
11 11
 	zoom: 1;
12 12
 }
  13
+
  14
+/* Fix image rendering */
  15
+
  16
+img {
  17
+	-ms-interpolation-mode: bicubic;
  18
+}
33  start_project/css/conditionals/ie6/winston.ie6.layout.css
@@ -6,13 +6,39 @@
6 6
 
7 7
 */
8 8
 
9  
-/* Clearfix */
  9
+/*
  10
+	Grid based column system
  11
+*/
10 12
 
11  
-.cols,
12 13
 .colsGrid {
13 14
 	zoom: 1;
14 15
 }
15 16
 
  17
+/*
  18
+	Simple column system
  19
+*/
  20
+
  21
+.cols {
  22
+	zoom: 1;
  23
+}
  24
+
  25
+/* Three columns */
  26
+.col-2d3 { width: 66.5%; }
  27
+.col-1d3 { width: 33.2%; }
  28
+
  29
+/*
  30
+	Center anything* horizontally
  31
+	(not really anything, see test_suite layout)
  32
+*/
  33
+
  34
+/* Make sure centred col grids behave as expected */
  35
+.centerHorizontallyInner .colsGrid,
  36
+.centerHorizontallyInner .cols,
  37
+.centerHorizontallyInner .col {
  38
+	float: left;
  39
+	position: relative;
  40
+}
  41
+
16 42
 /* Center anything vertically */
17 43
 
18 44
 .centerVerticallyWrap {
@@ -28,4 +54,5 @@
28 54
 	position: relative;
29 55
 	top: -50%;
30 56
 	float: left;
31  
-}
  57
+}
  58
+
21  start_project/css/modules/winston.layout.0.4.css
@@ -7,9 +7,10 @@
7 7
 
8 8
 */
9 9
 
10  
-/* Clearfix */
  10
+/*
  11
+	Grid based column system 
  12
+*/
11 13
 
12  
-.cols:after,
13 14
 .colsGrid:after {
14 15
 	content: ".";
15 16
 	display: block;
@@ -18,13 +19,12 @@
18 19
 	visibility: hidden;
19 20
 }
20 21
 
21  
-/* Grid based column system (72px columns/24px gutter/10 columns) */
22  
-
23 22
 .colsGrid .col {
24 23
 	float: left;
25 24
 	margin-right: 24px;
26 25
 }
27 26
 
  27
+/* (72px columns/24px gutter/10 columns) */
28 28
 .col-1 { width: 72px; }
29 29
 .col-2 { width: 168px; }
30 30
 .col-3 { width: 264px; }
@@ -41,6 +41,14 @@
41 41
 	Simple column system
42 42
 */
43 43
 
  44
+.cols:after {
  45
+	content: ".";
  46
+	display: block;
  47
+	height: 0;
  48
+	clear: both;
  49
+	visibility: hidden;
  50
+}
  51
+
44 52
 .cols .col {
45 53
 	float: left;
46 54
 	margin: 0;
@@ -89,7 +97,10 @@ img.alignright {
89 97
 	padding: 0 0 12px 24px;
90 98
 }
91 99
 
92  
-/* Center anything horizontally  */
  100
+/*
  101
+	Center anything* horizontally
  102
+	(not really anything, see test_suite layout)
  103
+*/
93 104
 
94 105
 .centerHorizontallyWrap {
95 106
 	width: 100%;
39  test_suite/layout/index.html
@@ -12,6 +12,10 @@
12 12
 	<link rel="stylesheet" href="../../start_project/css/modules/winston.datagrid.0.4.css" type="text/css" media="screen">
13 13
 	<link rel="stylesheet" href="../../start_project/css/modules/winston.layout.0.4.css" type="text/css" media="screen" />
14 14
 
  15
+	<!--[if lte IE 6]>
  16
+		<link rel="stylesheet" href="../../start_project/css/conditionals/ie6/winston.ie6.layout.css" type="text/css" media="screen" />
  17
+	<![endif]-->
  18
+
15 19
 	<!-- jQuery -->
16 20
 	<script src="js/jquery/jquery-1.3.2.min.js" type="text/javascript"></script>
17 21
 
@@ -209,12 +213,22 @@
209 213
 				<td>/</td>
210 214
 			</tr>
211 215
 			<tr>
  216
+				<td>Google Chrome</td>
  217
+				<td>2</td>
  218
+				<td>Windows</td>
  219
+				<td class="yes">Yes</td>
  220
+				<td class="yes">Yes</td>
  221
+				<td class="yes">Yes</td>
  222
+				<td>Untested</td>
  223
+				<td>Rounds subpixels down on 1d3 columns, not perfect, but better than opera (Same as Safari 3 and 4)</td>
  224
+			</tr>
  225
+			<tr>
212 226
 				<td>Internet Explorer</td>
213 227
 				<td>6</td>
214 228
 				<td>Windows</td>
215  
-				<td>Untested</td>
216  
-				<td>Untested</td>
217  
-				<td>Untested</td>
  229
+				<td class="yes">Yes</td>
  230
+				<td class="yes">Yes</td>
  231
+				<td class="no">No</td>
218 232
 				<td>Untested</td>
219 233
 				<td>/</td>
220 234
 			</tr>
@@ -1154,25 +1168,6 @@
1154 1168
 		</div>
1155 1169
 	</div>
1156 1170
 
1157  
-	<br /><br />
1158  
-	<h3>Center horizontally (trying to fix Firefox 2)</h3>
1159  
-	
1160  
-	<div class="centerHorizontallyWrap">
1161  
-		<div class="centerHorizontally">
1162  
-			<div class="centerHorizontallyInner">
1163 1171
 
1164  
-				<div class="cols">
1165  
-					<div class="col col-1d2">
1166  
-						<p style="width: 200px;">Expand to the content width (this content is 200px wide)</p>
1167  
-					</div>
1168  
-					<div class="col col-1d2">
1169  
-						<p style="width: 300px;">Expand to the content width (this content is 300px wide)</p>
1170  
-					</div>
1171  
-				</div>
1172  
-			
1173  
-			</div>
1174  
-		</div>
1175  
-	</div>
1176  
-	
1177 1172
 </body>
1178 1173
 </html>

0 notes on commit 9b24aba

Please sign in to comment.
Something went wrong with that request. Please try again.