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
More information Left, Center ...
LeftCenterRight
Top left cellTop center cellTop right cell
Middle left cellMiddle center cellMiddle right cell
Bottom left cellBottom center cellBottom right cell
Close

Related Articles

Wikiwand AI