GeezerVisonThe World Wide Web, restored to 800 pixels of glory. |
| Home|About|Gaming cabinet|Archives|How it works|Starter sites |
GeezerVison is showing github.com — wpt/css/css-tables/collapsed-scroll-overflow.html at master · web-platform-tests/wpt Expand file tree/ Copy pathcollapsed-scroll-overflow.htmlMore file actions 43 lines (41 loc) · 1.16 KB / Copy pathcollapsed-scroll-overflow.htmlFile metadata and controls43 lines (41 loc) · 1.16 KB 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 <!doctype html> <meta charset="utf-8"> <script src='/resources/testharness.js'></script> <script src='/resources/testharnessreport.js'></script> <link rel="help" href="https://www.w3.org/TR/css-overflow-3/#scrollable"> <link rel="help" href="https://github.com/w3c/csswg-drafts/issues/6230"> <style> main table { display: inline-table; border-collapse: collapse; background:gray; font-size: 40px; } main thead { background: yellow; } main tbody { background: green; border: 80px dotted blue; } </style> <main> <div id="container" style="overflow-x:auto;max-width:500px"> <table> <thead> <td>header</td> </thead> <tbody> <td>body body body body body body body body body body body</td> </tbody> </table> </div> <script> test(_ => { let container = document.querySelector("#container"); let table = container.querySelector("table") assert_equals(container.offsetWidth, 500, "The container grows to the max-width."); assert_equals(table.offsetWidth, 500, "The table fills the container."); assert_equals(container.scrollWidth, 500, "The collapsed border does not exceed the scroll container."); }); </script> |
| You are visitor 01402503 — GeezerVison does not store the pages you look up. Best viewed with Netscape Navigator 4.7 or Internet Explorer 6 at 800×600. No cookies required. |