OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <html> | 2 <html> |
3 <link href="resources/grid.css" rel="stylesheet"> | 3 <link href="resources/grid.css" rel="stylesheet"> |
4 <style> | 4 <style> |
5 .grid { | 5 .grid { |
6 grid-auto-rows: 50px; | 6 grid-auto-rows: 50px; |
7 grid-auto-columns: 100px; | 7 grid-auto-columns: 100px; |
8 } | 8 } |
9 | 9 |
10 .gridNamedGridLinesColumns { | 10 .gridNamedGridLinesColumns { |
11 grid-template-columns: 50px 100px (line) 200px (line); | 11 grid-template-columns: 50px 100px (line) 200px (line); |
12 } | 12 } |
13 | 13 |
14 .gridNamedGridLinesRows { | 14 .gridNamedGridLinesRows { |
15 grid-template-rows: 50px 100px (line) 200px (line); | 15 grid-template-rows: 50px 100px (line) 200px (line); |
16 } | 16 } |
17 | 17 |
18 .autoRowAutoColumnSpanning2 { | |
19 background-color: maroon; | |
20 grid-column: span 2; | |
21 grid-row: auto; | |
22 } | |
23 | |
24 .autoRowAutoColumnSpanning3 { | 18 .autoRowAutoColumnSpanning3 { |
25 background-color: teal; | 19 background-color: teal; |
26 grid-column: span 3; | 20 grid-column: span 3; |
27 grid-row: auto; | 21 grid-row: auto; |
28 } | 22 } |
29 | 23 |
30 .autoRowSpanning2AutoColumn { | 24 .autoRowSpanning2AutoColumn { |
31 background-color: aqua; | 25 background-color: aqua; |
32 grid-column: auto; | 26 grid-column: auto; |
33 grid-row: span 2; | 27 grid-row: span 2; |
(...skipping 50 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
84 <div class="sizedToGridArea autoRowSpanning2AutoColumnSpanning2" data-of
fset-x="0" data-offset-y="150" data-expected-width="200" data-expected-height="1
00"></div> | 78 <div class="sizedToGridArea autoRowSpanning2AutoColumnSpanning2" data-of
fset-x="0" data-offset-y="150" data-expected-width="200" data-expected-height="1
00"></div> |
85 <div class="sizedToGridArea autoRowAutoColumn" data-offset-x="200" data-
offset-y="150" data-expected-width="100" data-expected-height="50"></div> | 79 <div class="sizedToGridArea autoRowAutoColumn" data-offset-x="200" data-
offset-y="150" data-expected-width="100" data-expected-height="50"></div> |
86 <div class="sizedToGridArea autoRowAutoColumn" data-offset-x="200" data-
offset-y="200" data-expected-width="100" data-expected-height="50"></div> | 80 <div class="sizedToGridArea autoRowAutoColumn" data-offset-x="200" data-
offset-y="200" data-expected-width="100" data-expected-height="50"></div> |
87 <div class="sizedToGridArea autoRowAutoColumn" data-offset-x="0" data-of
fset-y="250" data-expected-width="100" data-expected-height="50"></div> | 81 <div class="sizedToGridArea autoRowAutoColumn" data-offset-x="0" data-of
fset-y="250" data-expected-width="100" data-expected-height="50"></div> |
88 <div class="sizedToGridArea autoRowSpanning2AutoColumnSpanning2" data-of
fset-x="100" data-offset-y="250" data-expected-width="200" data-expected-height=
"100"></div> | 82 <div class="sizedToGridArea autoRowSpanning2AutoColumnSpanning2" data-of
fset-x="100" data-offset-y="250" data-expected-width="200" data-expected-height=
"100"></div> |
89 <div class="sizedToGridArea autoRowAutoColumn" data-offset-x="0" data-of
fset-y="300" data-expected-width="100" data-expected-height="50"></div> | 83 <div class="sizedToGridArea autoRowAutoColumn" data-offset-x="0" data-of
fset-y="300" data-expected-width="100" data-expected-height="50"></div> |
90 </div> | 84 </div> |
91 </div> | 85 </div> |
92 | 86 |
93 <div style="position: relative"> | 87 <div style="position: relative"> |
94 <div class="grid gridAutoFlowRow"> | 88 <div class="grid gridAutoFlowRowDense"> |
95 <div class="sizedToGridArea autoRowFirstColumn" data-offset-x="0" data-o
ffset-y="0" data-expected-width="100" data-expected-height="50"></div> | 89 <div class="sizedToGridArea autoRowFirstColumn" data-offset-x="0" data-o
ffset-y="0" data-expected-width="100" data-expected-height="50"></div> |
96 <div class="sizedToGridArea autoRowSecondColumn" data-offset-x="100" dat
a-offset-y="0" data-expected-width="100" data-expected-height="50"></div> | 90 <div class="sizedToGridArea autoRowSecondColumn" data-offset-x="100" dat
a-offset-y="0" data-expected-width="100" data-expected-height="50"></div> |
97 <div class="sizedToGridArea autoRowThirdColumn" data-offset-x="200" data
-offset-y="0" data-expected-width="100" data-expected-height="50"></div> | 91 <div class="sizedToGridArea autoRowThirdColumn" data-offset-x="200" data
-offset-y="0" data-expected-width="100" data-expected-height="50"></div> |
98 <div class="sizedToGridArea autoRowFirstColumn" data-offset-x="0" data-o
ffset-y="50" data-expected-width="100" data-expected-height="50"></div> | 92 <div class="sizedToGridArea autoRowFirstColumn" data-offset-x="0" data-o
ffset-y="50" data-expected-width="100" data-expected-height="50"></div> |
99 <div class="sizedToGridArea autoRowAutoColumnSpanning3" data-offset-x="0
" data-offset-y="100" data-expected-width="300" data-expected-height="50"></div> | 93 <div class="sizedToGridArea autoRowAutoColumnSpanning3" data-offset-x="0
" data-offset-y="100" data-expected-width="300" data-expected-height="50"></div> |
100 <div class="sizedToGridArea autoRowSecondColumn" data-offset-x="100" dat
a-offset-y="50" data-expected-width="100" data-expected-height="50"></div> | 94 <div class="sizedToGridArea autoRowSecondColumn" data-offset-x="100" dat
a-offset-y="50" data-expected-width="100" data-expected-height="50"></div> |
101 <div class="sizedToGridArea autoRowAutoColumnSpanning2" data-offset-x="0
" data-offset-y="150" data-expected-width="200" data-expected-height="50"></div> | 95 <div class="sizedToGridArea autoRowAutoColumnSpanning2" data-offset-x="0
" data-offset-y="150" data-expected-width="200" data-expected-height="50"></div> |
102 <div class="sizedToGridArea autoRowAutoColumnSpanning2" data-offset-x="0
" data-offset-y="200" data-expected-width="200" data-expected-height="50"></div> | 96 <div class="sizedToGridArea autoRowAutoColumnSpanning2" data-offset-x="0
" data-offset-y="200" data-expected-width="200" data-expected-height="50"></div> |
103 <div class="sizedToGridArea autoRowFirstColumn" data-offset-x="0" data-o
ffset-y="250" data-expected-width="100" data-expected-height="50"></div> | 97 <div class="sizedToGridArea autoRowFirstColumn" data-offset-x="0" data-o
ffset-y="250" data-expected-width="100" data-expected-height="50"></div> |
104 <div class="sizedToGridArea autoRowAutoColumnSpanning3" data-offset-x="0
" data-offset-y="300" data-expected-width="300" data-expected-height="50"></div> | 98 <div class="sizedToGridArea autoRowAutoColumnSpanning3" data-offset-x="0
" data-offset-y="300" data-expected-width="300" data-expected-height="50"></div> |
105 <div class="sizedToGridArea autoRowAutoColumnSpanning2" data-offset-x="1
00" data-offset-y="250" data-expected-width="200" data-expected-height="50"></di
v> | 99 <div class="sizedToGridArea autoRowAutoColumnSpanning2" data-offset-x="1
00" data-offset-y="250" data-expected-width="200" data-expected-height="50"></di
v> |
106 <div class="sizedToGridArea autoRowSpanning2AutoColumnSpanning2" data-of
fset-x="0" data-offset-y="350" data-expected-width="200" data-expected-height="1
00"></div> | 100 <div class="sizedToGridArea autoRowSpanning2AutoColumnSpanning2" data-of
fset-x="0" data-offset-y="350" data-expected-width="200" data-expected-height="1
00"></div> |
107 </div> | 101 </div> |
108 </div> | 102 </div> |
109 | 103 |
110 <div style="position: relative"> | 104 <div style="position: relative"> |
111 <div class="grid gridAutoFlowRow"> | 105 <div class="grid gridAutoFlowRow"> |
112 <div class="sizedToGridArea autoRowSpanning2AutoColumn" data-offset-x="0
" data-offset-y="0" data-expected-width="100" data-expected-height="100"></div> | 106 <div class="sizedToGridArea autoRowSpanning2AutoColumn" data-offset-x="0
" data-offset-y="0" data-expected-width="100" data-expected-height="100"></div> |
113 <div class="sizedToGridArea autoRowSecondColumn" data-offset-x="100" dat
a-offset-y="0" data-expected-width="100" data-expected-height="50"></div> | 107 <div class="sizedToGridArea autoRowSecondColumn" data-offset-x="100" dat
a-offset-y="0" data-expected-width="100" data-expected-height="50"></div> |
114 <div class="sizedToGridArea autoRowThirdColumn" data-offset-x="200" data
-offset-y="0" data-expected-width="100" data-expected-height="50"></div> | 108 <div class="sizedToGridArea autoRowThirdColumn" data-offset-x="200" data
-offset-y="0" data-expected-width="100" data-expected-height="50"></div> |
115 <div class="sizedToGridArea autoRowSpanning2AutoColumnSpanning2" data-of
fset-x="100" data-offset-y="50" data-expected-width="200" data-expected-height="
100"></div> | 109 <div class="sizedToGridArea autoRowSpanning2AutoColumnSpanning2" data-of
fset-x="100" data-offset-y="50" data-expected-width="200" data-expected-height="
100"></div> |
116 <div class="sizedToGridArea autoRowSpanning3AutoColumn" data-offset-x="0
" data-offset-y="100" data-expected-width="100" data-expected-height="150"></div
> | 110 <div class="sizedToGridArea autoRowSpanning3AutoColumn" data-offset-x="0
" data-offset-y="100" data-expected-width="100" data-expected-height="150"></div
> |
117 <div class="sizedToGridArea autoRowSpanning2AutoColumnSpanning2" data-of
fset-x="100" data-offset-y="150" data-expected-width="200" data-expected-height=
"100"></div> | 111 <div class="sizedToGridArea autoRowSpanning2AutoColumnSpanning2" data-of
fset-x="100" data-offset-y="150" data-expected-width="200" data-expected-height=
"100"></div> |
118 </div> | 112 </div> |
119 </div> | 113 </div> |
120 | 114 |
121 <div style="position: relative"> | 115 <div style="position: relative"> |
122 <div class="grid gridAutoFlowRow gridNamedGridLinesColumns"> | 116 <div class="grid gridAutoFlowRowDense gridNamedGridLinesColumns"> |
123 <div class="sizedToGridArea autoRowFirstColumn" data-offset-x="0" data-o
ffset-y="0" data-expected-width="50" data-expected-height="50"></div> | 117 <div class="sizedToGridArea autoRowFirstColumn" data-offset-x="0" data-o
ffset-y="0" data-expected-width="50" data-expected-height="50"></div> |
124 <div class="sizedToGridArea autoRowAutoColumnSpanning2Line" data-offset-
x="50" data-offset-y="0" data-expected-width="100" data-expected-height="50"></d
iv> | 118 <div class="sizedToGridArea autoRowAutoColumnSpanning2Line" data-offset-
x="50" data-offset-y="0" data-expected-width="100" data-expected-height="50"></d
iv> |
125 <div class="sizedToGridArea autoRowSecondColumn" data-offset-x="50" data
-offset-y="50" data-expected-width="100" data-expected-height="50"></div> | 119 <div class="sizedToGridArea autoRowSecondColumn" data-offset-x="50" data
-offset-y="50" data-expected-width="100" data-expected-height="50"></div> |
126 <div class="sizedToGridArea autoRowAutoColumnSpanning2Line" data-offset-
x="150" data-offset-y="0" data-expected-width="200" data-expected-height="50"></
div> | 120 <div class="sizedToGridArea autoRowAutoColumnSpanning2Line" data-offset-
x="150" data-offset-y="0" data-expected-width="200" data-expected-height="50"></
div> |
127 <div class="sizedToGridArea autoRowThirdColumn" data-offset-x="150" data
-offset-y="50" data-expected-width="200" data-expected-height="50"></div> | 121 <div class="sizedToGridArea autoRowThirdColumn" data-offset-x="150" data
-offset-y="50" data-expected-width="200" data-expected-height="50"></div> |
128 <div class="sizedToGridArea autoRowAutoColumnSpanningLine" data-offset-x
="0" data-offset-y="50" data-expected-width="50" data-expected-height="50"></div
> | 122 <div class="sizedToGridArea autoRowAutoColumnSpanningLine" data-offset-x
="0" data-offset-y="50" data-expected-width="50" data-expected-height="50"></div
> |
129 <div class="sizedToGridArea autoRowAutoColumnSpanning2Line" data-offset-
x="0" data-offset-y="100" data-expected-width="50" data-expected-height="50"></d
iv> | 123 <div class="sizedToGridArea autoRowAutoColumnSpanning2Line" data-offset-
x="0" data-offset-y="100" data-expected-width="50" data-expected-height="50"></d
iv> |
130 <div class="sizedToGridArea autoRowFirstColumn" data-offset-x="0" data-o
ffset-y="150" data-expected-width="50" data-expected-height="50"></div> | 124 <div class="sizedToGridArea autoRowFirstColumn" data-offset-x="0" data-o
ffset-y="150" data-expected-width="50" data-expected-height="50"></div> |
131 <div class="sizedToGridArea autoRowAutoColumnSpanningLine" data-offset-x
="50" data-offset-y="100" data-expected-width="100" data-expected-height="50"></
div> | 125 <div class="sizedToGridArea autoRowAutoColumnSpanningLine" data-offset-x
="50" data-offset-y="100" data-expected-width="100" data-expected-height="50"></
div> |
132 <div class="sizedToGridArea autoRowThirdColumn" data-offset-x="150" data
-offset-y="100" data-expected-width="200" data-expected-height="50"></div> | 126 <div class="sizedToGridArea autoRowThirdColumn" data-offset-x="150" data
-offset-y="100" data-expected-width="200" data-expected-height="50"></div> |
(...skipping 12 matching lines...) Expand all Loading... |
145 <div class="sizedToGridArea autoRowSpanning2AutoColumnSpanning2" data-of
fset-x="300" data-offset-y="0" data-expected-width="200" data-expected-height="1
00"></div> | 139 <div class="sizedToGridArea autoRowSpanning2AutoColumnSpanning2" data-of
fset-x="300" data-offset-y="0" data-expected-width="200" data-expected-height="1
00"></div> |
146 <div class="sizedToGridArea autoRowAutoColumn" data-offset-x="300" data-
offset-y="100" data-expected-width="100" data-expected-height="50"></div> | 140 <div class="sizedToGridArea autoRowAutoColumn" data-offset-x="300" data-
offset-y="100" data-expected-width="100" data-expected-height="50"></div> |
147 <div class="sizedToGridArea autoRowAutoColumn" data-offset-x="400" data-
offset-y="100" data-expected-width="100" data-expected-height="50"></div> | 141 <div class="sizedToGridArea autoRowAutoColumn" data-offset-x="400" data-
offset-y="100" data-expected-width="100" data-expected-height="50"></div> |
148 <div class="sizedToGridArea autoRowAutoColumn" data-offset-x="500" data-
offset-y="0" data-expected-width="100" data-expected-height="50"></div> | 142 <div class="sizedToGridArea autoRowAutoColumn" data-offset-x="500" data-
offset-y="0" data-expected-width="100" data-expected-height="50"></div> |
149 <div class="sizedToGridArea autoRowSpanning2AutoColumnSpanning2" data-of
fset-x="500" data-offset-y="50" data-expected-width="200" data-expected-height="
100"></div> | 143 <div class="sizedToGridArea autoRowSpanning2AutoColumnSpanning2" data-of
fset-x="500" data-offset-y="50" data-expected-width="200" data-expected-height="
100"></div> |
150 <div class="sizedToGridArea autoRowAutoColumn" data-offset-x="600" data-
offset-y="0" data-expected-width="100" data-expected-height="50"></div> | 144 <div class="sizedToGridArea autoRowAutoColumn" data-offset-x="600" data-
offset-y="0" data-expected-width="100" data-expected-height="50"></div> |
151 </div> | 145 </div> |
152 </div> | 146 </div> |
153 | 147 |
154 <div style="position: relative"> | 148 <div style="position: relative"> |
155 <div class="grid gridAutoFlowColumn"> | 149 <div class="grid gridAutoFlowColumnDense"> |
156 <div class="sizedToGridArea firstRowAutoColumn" data-offset-x="0" data-o
ffset-y="0" data-expected-width="100" data-expected-height="50"></div> | 150 <div class="sizedToGridArea firstRowAutoColumn" data-offset-x="0" data-o
ffset-y="0" data-expected-width="100" data-expected-height="50"></div> |
157 <div class="sizedToGridArea secondRowAutoColumn" data-offset-x="0" data-
offset-y="50" data-expected-width="100" data-expected-height="50"></div> | 151 <div class="sizedToGridArea secondRowAutoColumn" data-offset-x="0" data-
offset-y="50" data-expected-width="100" data-expected-height="50"></div> |
158 <div class="sizedToGridArea thirdRowAutoColumn" data-offset-x="0" data-o
ffset-y="100" data-expected-width="100" data-expected-height="50"></div> | 152 <div class="sizedToGridArea thirdRowAutoColumn" data-offset-x="0" data-o
ffset-y="100" data-expected-width="100" data-expected-height="50"></div> |
159 <div class="sizedToGridArea firstRowAutoColumn" data-offset-x="100" data
-offset-y="0" data-expected-width="100" data-expected-height="50"></div> | 153 <div class="sizedToGridArea firstRowAutoColumn" data-offset-x="100" data
-offset-y="0" data-expected-width="100" data-expected-height="50"></div> |
160 <div class="sizedToGridArea autoRowSpanning3AutoColumn" data-offset-x="2
00" data-offset-y="0" data-expected-width="100" data-expected-height="150"></div
> | 154 <div class="sizedToGridArea autoRowSpanning3AutoColumn" data-offset-x="2
00" data-offset-y="0" data-expected-width="100" data-expected-height="150"></div
> |
161 <div class="sizedToGridArea secondRowAutoColumn" data-offset-x="100" dat
a-offset-y="50" data-expected-width="100" data-expected-height="50"></div> | 155 <div class="sizedToGridArea secondRowAutoColumn" data-offset-x="100" dat
a-offset-y="50" data-expected-width="100" data-expected-height="50"></div> |
162 <div class="sizedToGridArea autoRowSpanning2AutoColumn" data-offset-x="3
00" data-offset-y="0" data-expected-width="100" data-expected-height="100"></div
> | 156 <div class="sizedToGridArea autoRowSpanning2AutoColumn" data-offset-x="3
00" data-offset-y="0" data-expected-width="100" data-expected-height="100"></div
> |
163 <div class="sizedToGridArea autoRowSpanning2AutoColumn" data-offset-x="4
00" data-offset-y="0" data-expected-width="100" data-expected-height="100"></div
> | 157 <div class="sizedToGridArea autoRowSpanning2AutoColumn" data-offset-x="4
00" data-offset-y="0" data-expected-width="100" data-expected-height="100"></div
> |
164 <div class="sizedToGridArea firstRowAutoColumn" data-offset-x="500" data
-offset-y="0" data-expected-width="100" data-expected-height="50"></div> | 158 <div class="sizedToGridArea firstRowAutoColumn" data-offset-x="500" data
-offset-y="0" data-expected-width="100" data-expected-height="50"></div> |
165 <div class="sizedToGridArea autoRowSpanning3AutoColumn" data-offset-x="6
00" data-offset-y="0" data-expected-width="100" data-expected-height="150"></div
> | 159 <div class="sizedToGridArea autoRowSpanning3AutoColumn" data-offset-x="6
00" data-offset-y="0" data-expected-width="100" data-expected-height="150"></div
> |
166 <div class="sizedToGridArea autoRowSpanning2AutoColumn" data-offset-x="5
00" data-offset-y="50" data-expected-width="100" data-expected-height="100"></di
v> | 160 <div class="sizedToGridArea autoRowSpanning2AutoColumn" data-offset-x="5
00" data-offset-y="50" data-expected-width="100" data-expected-height="100"></di
v> |
167 <div class="sizedToGridArea autoRowSpanning2AutoColumnSpanning2" data-of
fset-x="700" data-offset-y="0" data-expected-width="200" data-expected-height="1
00"></div> | 161 <div class="sizedToGridArea autoRowSpanning2AutoColumnSpanning2" data-of
fset-x="700" data-offset-y="0" data-expected-width="200" data-expected-height="1
00"></div> |
168 </div> | 162 </div> |
169 </div> | 163 </div> |
170 | 164 |
171 <div style="position: relative"> | 165 <div style="position: relative"> |
172 <div class="grid gridAutoFlowColumn"> | 166 <div class="grid gridAutoFlowColumn"> |
173 <div class="sizedToGridArea autoRowAutoColumnSpanning2" data-offset-x="0
" data-offset-y="0" data-expected-width="200" data-expected-height="50"></div> | 167 <div class="sizedToGridArea autoRowAutoColumnSpanning2" data-offset-x="0
" data-offset-y="0" data-expected-width="200" data-expected-height="50"></div> |
174 <div class="sizedToGridArea secondRowAutoColumn" data-offset-x="0" data-
offset-y="50" data-expected-width="100" data-expected-height="50"></div> | 168 <div class="sizedToGridArea secondRowAutoColumn" data-offset-x="0" data-
offset-y="50" data-expected-width="100" data-expected-height="50"></div> |
175 <div class="sizedToGridArea thirdRowAutoColumn" data-offset-x="0" data-o
ffset-y="100" data-expected-width="100" data-expected-height="50"></div> | 169 <div class="sizedToGridArea thirdRowAutoColumn" data-offset-x="0" data-o
ffset-y="100" data-expected-width="100" data-expected-height="50"></div> |
176 <div class="sizedToGridArea autoRowSpanning2AutoColumnSpanning2" data-of
fset-x="100" data-offset-y="50" data-expected-width="200" data-expected-height="
100"></div> | 170 <div class="sizedToGridArea autoRowSpanning2AutoColumnSpanning2" data-of
fset-x="100" data-offset-y="50" data-expected-width="200" data-expected-height="
100"></div> |
177 <div class="sizedToGridArea autoRowAutoColumnSpanning3" data-offset-x="2
00" data-offset-y="0" data-expected-width="300" data-expected-height="50"></div> | 171 <div class="sizedToGridArea autoRowAutoColumnSpanning3" data-offset-x="2
00" data-offset-y="0" data-expected-width="300" data-expected-height="50"></div> |
178 <div class="sizedToGridArea autoRowSpanning2AutoColumnSpanning2" data-of
fset-x="300" data-offset-y="50" data-expected-width="200" data-expected-height="
100"></div> | 172 <div class="sizedToGridArea autoRowSpanning2AutoColumnSpanning2" data-of
fset-x="300" data-offset-y="50" data-expected-width="200" data-expected-height="
100"></div> |
179 </div> | 173 </div> |
180 </div> | 174 </div> |
181 | 175 |
182 <div style="position: relative"> | 176 <div style="position: relative"> |
183 <div class="grid gridAutoFlowColumn gridNamedGridLinesRows"> | 177 <div class="grid gridAutoFlowColumnDense gridNamedGridLinesRows"> |
184 <div class="sizedToGridArea firstRowAutoColumn" data-offset-x="0" data-o
ffset-y="0" data-expected-width="100" data-expected-height="50"></div> | 178 <div class="sizedToGridArea firstRowAutoColumn" data-offset-x="0" data-o
ffset-y="0" data-expected-width="100" data-expected-height="50"></div> |
185 <div class="sizedToGridArea autoRowSpanning2LineAutoColumn" data-offset-
x="0" data-offset-y="50" data-expected-width="100" data-expected-height="100"></
div> | 179 <div class="sizedToGridArea autoRowSpanning2LineAutoColumn" data-offset-
x="0" data-offset-y="50" data-expected-width="100" data-expected-height="100"></
div> |
186 <div class="sizedToGridArea secondRowAutoColumn" data-offset-x="100" dat
a-offset-y="50" data-expected-width="100" data-expected-height="100"></div> | 180 <div class="sizedToGridArea secondRowAutoColumn" data-offset-x="100" dat
a-offset-y="50" data-expected-width="100" data-expected-height="100"></div> |
187 <div class="sizedToGridArea autoRowSpanning2LineAutoColumn" data-offset-
x="0" data-offset-y="150" data-expected-width="100" data-expected-height="200"><
/div> | 181 <div class="sizedToGridArea autoRowSpanning2LineAutoColumn" data-offset-
x="0" data-offset-y="150" data-expected-width="100" data-expected-height="200"><
/div> |
188 <div class="sizedToGridArea thirdRowAutoColumn" data-offset-x="100" data
-offset-y="150" data-expected-width="100" data-expected-height="200"></div> | 182 <div class="sizedToGridArea thirdRowAutoColumn" data-offset-x="100" data
-offset-y="150" data-expected-width="100" data-expected-height="200"></div> |
189 <div class="sizedToGridArea autoRowSpanningLineAutoColumn" data-offset-x
="100" data-offset-y="0" data-expected-width="100" data-expected-height="50"></d
iv> | 183 <div class="sizedToGridArea autoRowSpanningLineAutoColumn" data-offset-x
="100" data-offset-y="0" data-expected-width="100" data-expected-height="50"></d
iv> |
190 <div class="sizedToGridArea autoRowSpanning2LineAutoColumn" data-offset-
x="200" data-offset-y="0" data-expected-width="100" data-expected-height="50"></
div> | 184 <div class="sizedToGridArea autoRowSpanning2LineAutoColumn" data-offset-
x="200" data-offset-y="0" data-expected-width="100" data-expected-height="50"></
div> |
191 <div class="sizedToGridArea firstRowAutoColumn" data-offset-x="300" data
-offset-y="0" data-expected-width="100" data-expected-height="50"></div> | 185 <div class="sizedToGridArea firstRowAutoColumn" data-offset-x="300" data
-offset-y="0" data-expected-width="100" data-expected-height="50"></div> |
192 <div class="sizedToGridArea autoRowSpanningLineAutoColumn" data-offset-x
="200" data-offset-y="50" data-expected-width="100" data-expected-height="100"><
/div> | 186 <div class="sizedToGridArea autoRowSpanningLineAutoColumn" data-offset-x
="200" data-offset-y="50" data-expected-width="100" data-expected-height="100"><
/div> |
193 <div class="sizedToGridArea thirdRowAutoColumn" data-offset-x="200" data
-offset-y="150" data-expected-width="100" data-expected-height="200"></div> | 187 <div class="sizedToGridArea thirdRowAutoColumn" data-offset-x="200" data
-offset-y="150" data-expected-width="100" data-expected-height="200"></div> |
194 <div class="sizedToGridArea autoRowSpanningLineAutoColumn" data-offset-x
="300" data-offset-y="50" data-expected-width="100" data-expected-height="100"><
/div> | 188 <div class="sizedToGridArea autoRowSpanningLineAutoColumn" data-offset-x
="300" data-offset-y="50" data-expected-width="100" data-expected-height="100"><
/div> |
195 <div class="sizedToGridArea autoRowSpanningLineAutoColumn" data-offset-x
="300" data-offset-y="150" data-expected-width="100" data-expected-height="200">
</div--> | 189 <div class="sizedToGridArea autoRowSpanningLineAutoColumn" data-offset-x
="300" data-offset-y="150" data-expected-width="100" data-expected-height="200">
</div--> |
196 </div> | 190 </div> |
197 </div> | 191 </div> |
198 | 192 |
199 </body> | 193 </body> |
200 </html> | 194 </html> |
OLD | NEW |