Wikipedia:Page widening

From Wikipedia, the free encyclopedia

Page widening of a web page is any case where the browser has to provide horizontal scrolling but by better page design, this scrolling could be avoided. For example, the line below is an intentional case:

There is no need to do horizontal scroll - the rest of this line is standard filler text ——— 

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Page widening as seen on a tablet PC.

At the HTML level, page widening can be caused by the use of the <pre> tag which specifies preformatted text, ie. the browser honours the new line codes in the HTML and does no line wrapping of its own. In the MediaWiki context, unintentional <pre> text is caused by the simple error (in the wikimarkup) of starting a new line with one or more spaces.

Advice[edit]

Always review your edits - preferably by using "show preview" but certainly after saving. You will not see page widening in the edit box - only in the rendered text. Page widening sticks out a mile - even if you do not see the scroll bar that has appeared at the bottom of the window, you will see a mono-spaced font with a dotted border.