|Title|Use overflow:auto to avoid very wide wiki-pages
|Date|10-Sep-2005 19:46:47 EEST
|JSPWiki version|2.x.x
|Submitter|DirkFrederickx
|[Idea Category]|UserInterfaceIdea
|Reference|
|[Idea Status]|NewIdea


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
{{{
  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.

--[DF|DirkFrederickx]