| OLD | NEW |
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <script> | 2 <script> |
| 3 onload = function() { document.body.scrollLeft = 150 - 10; } | 3 onload = function() { document.scrollingElement.scrollLeft = 150 - 10; } |
| 4 </script> | 4 </script> |
| 5 <style> | 5 <style> |
| 6 body { margin:10px; } | 6 body { margin:10px; } |
| 7 </style> | 7 </style> |
| 8 | 8 |
| 9 <p style="position:fixed; top:0;">Below there should be a green square with a bl
ack border, and no red.</p> | 9 <p style="position:fixed; top:0;">Below there should be a green square with a bl
ack border, and no red.</p> |
| 10 <div style="margin-top:5em;"> | 10 <div style="margin-top:5em;"> |
| 11 <div style="float:right; width:0;"> | 11 <div style="float:right; width:0;"> |
| 12 <div style="width:100px; height:100px; margin-left:50px; box-sizing:bord
er-box; border:3px solid black; background:green;"></div> | 12 <div style="width:100px; height:100px; margin-left:50px; box-sizing:bord
er-box; border:3px solid black; background:green;"></div> |
| 13 </div> | 13 </div> |
| 14 <div style="padding-left:50px; width:200%; height:1px;"></div> <!-- set scro
ll area --> | 14 <div style="padding-left:50px; width:200%; height:1px;"></div> <!-- set scro
ll area --> |
| 15 </div> | 15 </div> |
| OLD | NEW |