OLD | NEW |
---|---|
1 <!DOCTYPE html PUBLIC "-//W3C//DTD//XHTML 1.0 Strict//EN" "http://www.w3.org/TR /xhtml1/DTD/xhtml1-strict.dtd"> | 1 <!DOCTYPE html PUBLIC "-//W3C//DTD//XHTML 1.0 Strict//EN" "http://www.w3.org/TR /xhtml1/DTD/xhtml1-strict.dtd"> |
2 <!-- | 2 <!-- |
3 Internet Explorer Test Pages Copyright © 2012 Microsoft Corporation. All rights reserved. | 3 Internet Explorer Test Pages Copyright © 2012 Microsoft Corporation. All rights reserved. |
4 | 4 |
5 Redistribution and use in source and binary forms, with or without modification , | 5 Redistribution and use in source and binary forms, with or without modification , |
6 are permitted provided that the following conditions are met: | 6 are permitted provided that the following conditions are met: |
7 | 7 |
8 Redistributions of source code must retain the above copyright notice, this lis t of | 8 Redistributions of source code must retain the above copyright notice, this lis t of |
9 conditions and the following disclaimer. | 9 conditions and the following disclaimer. |
10 | 10 |
(...skipping 18 matching lines...) Expand all Loading... | |
29 <html xmlns="http://www.w3.org/1999/xhtml"> | 29 <html xmlns="http://www.w3.org/1999/xhtml"> |
30 <head> | 30 <head> |
31 <title>CSS Test: Grid-column with a value of '0'</title> | 31 <title>CSS Test: Grid-column with a value of '0'</title> |
32 <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> | 32 <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> |
33 <link rel="help" href="http://dev.w3.org/csswg/css3-grid-align/#grid-dec laration" /> | 33 <link rel="help" href="http://dev.w3.org/csswg/css3-grid-align/#grid-dec laration" /> |
34 <meta name="flags" content="ahem invalid" /> | 34 <meta name="flags" content="ahem invalid" /> |
35 <meta name="assert" content="The 'grid-column' with a value of '0' is in valid and inserts the grid-item in the first column." /> | 35 <meta name="assert" content="The 'grid-column' with a value of '0' is in valid and inserts the grid-item in the first column." /> |
36 <script src="testRunnerEnableGrid.js"></script> | 36 <script src="testRunnerEnableGrid.js"></script> |
37 <link rel="stylesheet" href="testRunner.css"> | 37 <link rel="stylesheet" href="testRunner.css"> |
38 <style type="text/css"> | 38 <style type="text/css"> |
39 #container | |
40 { | |
41 position: relative; | |
42 color: green; | |
43 font: 20px/1 Ahem; | |
44 } | |
39 #test | 45 #test |
40 { | 46 { |
41 color: green; | 47 position: absolute; |
48 left: 0; | |
49 top: 0; | |
42 display: -ms-grid; | 50 display: -ms-grid; |
43 display: -moz-grid; | 51 display: -moz-grid; |
44 display: -o-grid; | 52 display: -o-grid; |
45 display: -webkit-grid; | 53 display: -webkit-grid; |
46 display: grid; | 54 display: grid; |
47 font: 20px/1 Ahem; | |
48 height: 3em; | 55 height: 3em; |
49 -ms-grid-template-columns: auto 1fr; | 56 -ms-grid-template-columns: auto 1fr; |
50 -moz-grid-template-columns: auto 1fr; | 57 -moz-grid-template-columns: auto 1fr; |
51 -o-grid-template-columns: auto 1fr; | 58 -o-grid-template-columns: auto 1fr; |
52 -webkit-grid-template-columns: auto 1fr; | 59 -webkit-grid-template-columns: auto 1fr; |
53 grid-template-columns: auto 1fr; | 60 grid-template-columns: auto 1fr; |
54 -ms-grid-template-rows: auto 1fr; | 61 -ms-grid-template-rows: auto 1fr; |
55 -moz-grid-template-rows: auto 1fr; | 62 -moz-grid-template-rows: auto 1fr; |
56 -o-grid-template-rows: auto 1fr; | 63 -o-grid-template-rows: auto 1fr; |
57 -webkit-grid-template-rows: auto 1fr; | 64 -webkit-grid-template-rows: auto 1fr; |
58 grid-template-rows: auto 1fr; | 65 grid-template-rows: auto 1fr; |
59 -ms-grid-auto-flow: stack; | |
60 -moz-grid-auto-flow: stack; | |
61 -o-grid-auto-flow: stack; | |
62 -webkit-grid-auto-flow: stack; | |
63 grid-auto-flow: stack; | |
64 } | 66 } |
65 #griditem | 67 #griditem |
66 { | 68 { |
67 color: red; | 69 color: red; |
68 -ms-grid-column: 0; | 70 -ms-grid-column: 0; |
69 -moz-grid-column: 0; | 71 -moz-grid-column: 0; |
70 -o-grid-column: 0; | 72 -o-grid-column: 0; |
71 -webkit-grid-column: 0; | 73 -webkit-grid-column: 0; |
72 grid-column: 0; | 74 grid-column: 0; |
73 -ms-grid-row: 1; | 75 -ms-grid-row: 1; |
74 -moz-grid-row: 1; | 76 -moz-grid-row: 1; |
75 -o-grid-row: 1; | 77 -o-grid-row: 1; |
76 -webkit-grid-row: 1; | 78 -webkit-grid-row: 1; |
77 grid-row: 1; | 79 grid-row: 1; |
78 } | 80 } |
81 #absolute | |
82 { | |
83 position: absolute; | |
84 left: 0; | |
85 top: 0; | |
86 } | |
79 </style> | 87 </style> |
80 </head> | 88 </head> |
81 <body> | 89 <body> |
82 <p>Test passes if there is no red visible on the page.</p> | 90 <p>Test passes if there is no red visible on the page.</p> |
83 <div id="test"> | 91 <div id="container"> |
Julien - ping for review
2015/01/05 13:11:34
Those are external tests so we avoid making big ch
Manuel Rego
2015/01/08 12:50:28
The problem here is that they're wrong according t
Julien - ping for review
2015/01/09 09:13:03
We could probably get both grid items into the fir
| |
84 <div id="griditem">XXXX</div> | 92 <div id="test"> |
85 <div>XXXXX</div> | 93 <div id="griditem">XXXX</div> |
94 </div> | |
95 <div id="absolute">XXXXX</div> | |
86 </div> | 96 </div> |
87 </body> | 97 </body> |
88 </html> | 98 </html> |
OLD | NEW |