| <!DOCTYPE html> |
| <html> |
| <head> |
| <script> |
| if (window.internals) { |
| internals.settings.setUserInterfaceDirectionPolicy("System"); |
| internals.settings.setSystemLayoutDirection("RTL"); |
| } |
| </script> |
| <style> |
| div { |
| font: 20px Ahem; |
| } |
| </style> |
| </head> |
| <body style="margin: 0px;"> |
| <div style="position: absolute; left: 40px; top: 8px; width: 600px; font: 16px Times;">This test makes sure that static and absolutely positioned divs work correctly with main frame scrolling, overflow: scroll, and iframes. The test passes if you see some equally sized and equally spaced black boxes (20px x 20px) below, stacked vertically, with 10px of vertical space between them</div> |
| <div>m</div> |
| <div style="position: absolute; left: 0px; top: 30px;">m</div> |
| <div style="position: fixed; left: 0px; top: 60px;">m</div> |
| <div style="position: absolute; left: -15px; top: 90px; width: 200px; height: 60px; overflow-y: scroll"> |
| <div>m</div> |
| <div style="position: absolute; left: 0px; top: 30px;">m</div> |
| <div style="position: absolute; left: 0px; top: 0px; width: 1px; height: 2000px;"></div> |
| </div> |
| <iframe style="position: absolute; left: -15px; top: 150px; width: 200px; height: 100px; border: 0px solid black;" srcdoc="<!DOCTYPE html> |
| <html> |
| <head> |
| <style> |
| div { |
| font: 20px Ahem; |
| } |
| </style> |
| </head> |
| <body style='margin: 0px;'> |
| <div>m</div> |
| <div style='position: absolute; left: 0px; top: 30px;'>m</div> |
| <div style='position: fixed; left: 0px; top: 60px;'>m</div> |
| <div style='position: absolute; left: 0px; top: 0px; width: 1px; height: 2000px;'></div> |
| </body> |
| </html>"></iframe> |
| <div style="position: absolute; left: 0px; top: 0px; width: 1px; height: 2000px;"></div> |
| </body> |
| </html> |
