OLD | NEW |
(Empty) | |
| 1 <!DOCTYPE html> |
| 2 <html> |
| 3 <link href="resources/grid.css" rel="stylesheet"> |
| 4 <script src="../../resources/check-layout.js"></script> |
| 5 <style> |
| 6 .container { |
| 7 background-color:grey; |
| 8 } |
| 9 |
| 10 .gridItem { |
| 11 width: 50px; |
| 12 height: 50px; |
| 13 } |
| 14 </style> |
| 15 <body onload="checkLayout('.container')"> |
| 16 |
| 17 <p>This test checks that the grid's items are not affected by the 'float' and 'c
lear' properties.</p> |
| 18 |
| 19 <div style="position: relative"> |
| 20 <div class="container grid"> |
| 21 <div style="float: right;" class="gridItem firstRowFirstColumn" data-off
set-x="0" data-offset-y="0" data-expected-width="50" data-expected-height="50"><
/div> |
| 22 <div class="gridItem firstRowFirstColumn" data-offset-x="0" data-offset-
y="0" data-expected-width="50" data-expected-height="50"></div> |
| 23 <div style="float: left;" class="gridItem firstRowSecondColumn" data-off
set-x="50" data-offset-y="0" data-expected-width="50" data-expected-height="50">
</div> |
| 24 <div style="float: left;" class="gridItem secondRowFirstColumn" data-off
set-x="0" data-offset-y="50" data-expected-width="50" data-expected-height="50">
</div> |
| 25 <div style="clear: both;" class="gridItem secondRowFirstColumn" data-off
set-x="0" data-offset-y="50" data-expected-width="50" data-expected-height="50">
</div> |
| 26 <div style="float: left;" class="gridItem secondRowSecondColumn" data-of
fset-x="50" data-offset-y="50" data-expected-width="50" data-expected-height="50
"></div> |
| 27 </div> |
| 28 </div> |
| 29 |
| 30 </body> |
| 31 </html> |
OLD | NEW |