User:Timeshifter/Sandbox296
From Wikipedia, the free encyclopedia
Example. Wide CSS width on table as a whole
CSS width for overall table width works on Windows desktop. The width setting is ignored altogether on these iPhone browsers: Edge, Chrome, Firefox, Opera. But not on iPhone Safari where it works the same as on desktop.
A Wikipedia page with a table using a wide strict width for the table will get a horizontal scroll bar for the page as a whole if the screen is narrower than the width setting. But curiously, the page scroll bar eventually disappears as the screen is narrowed further. At that point the table width setting is ignored, and the minimum width of the table is determined by the widest word in each column. Narrow your browser window as far as you can. In any case text and tables outside the wide table wrap to fit the screen size, and so the horizontal scroll bar has no effect on that text.
- Overall table width
{| class=wikitable style=width:100em
| Left | Center | Right |
|---|---|---|
| Top left cell | Top center cell | Top right cell |
| Middle left cell | Middle center cell | Middle right cell |
| Bottom left cell | Bottom center cell | Bottom right cell |