This is version . It is not the current version, and thus it cannot be edited.
[Back to current version]   [Restore this version]
TitleUse overflow:auto to avoid very wide wiki-pages
Date10-Sep-2005 19:46:47 EEST
JSPWiki version2.x.x
Idea CategoryUserInterfaceIdea
Idea StatusNewIdea

Small suggestion for jspwiki.css:

When using the css definition overflow:auto, the browser will insert horizontal or vertical scroll-bars when the page content can not fit in to the browserwindow.

The advantage is that normal width of the page, fitting the screen size is kept. While some parts of the page may be rendered with a horizontal scrollbar.

EG, I added this for the PRE definition in jspwiki.css

 This long line will make the page become very wide overflowing the screen width and adjusting the rest of your page as well. This may lead to very strange effects on the page, like info falling of the visible part of the screen and so on.

  pre { 
      white-space: pre;
      margin:      1em 2em 1em 2em; 
      background: #f0f0f0;
      border:      1px dotted #3c78b5;
      overflow: auto;
Other places: commentbox

Unfortunately, this does not work for tables. So, if you have wide tables (e.g. InfoContent.jsp ) a DIV should be put around the table with the overflow parameter.

EG on the SystemInfo page, I put a %%(overflow:auto;) around the main table.


Add new attachment

Only authorized users are allowed to upload new attachments.
« This particular version was published on 10-Sep-2005 19:50 by DirkFrederickx.