Help:Table/Width: Difference between revisions

Content deleted Content added
CSS max-width on table as a whole: Works on both desktop and mobile.
Update info
Line 3:
See the '''[[Help:Table#Width|Width]]''' section of [[Help:Table]]. This example table needs to be on this separate page in order to test it more easily in narrower browser windows. Test it in both desktop and mobile views (on cell phones in portrait orientation). See the mobile or desktop view link at the bottom of this Wikipedia page. Use a cell phone to get the true mobile view.
 
In desktop view on a PC narrow your browser window. NoteOn thata theWikipedia firstpage tablethat narrowshas alongonly withtext the(no browsertables) window.the Thepage secondcan tableonly doesbe not,narrowed andso itfar needsbefore thea horizontal scrollbar to see all of the tableappears.
 
On Wikipedia CSS width settings in any table cell (header or data) are treated more like a max-width setting, and the table narrows as the browser window narrows.
 
A CSS width setting for the overall table in desktop view acts like width settings on divs and tables on webpages outside Wikipedia. Horizontal scrollbars are created when narrowed enough. See width outside Wikipedia: