|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]|ImplementedIdea


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.

  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]

The overflow:auto -parameter already exist in 2.3.x and the latest stable for PRE tag.

-- JanneJalkanen


Crnch. Indeed, even this site runs with overflow:auto. Which seems ok in Firefox ! But, not in Safari or IE.
Strange. I can't see why, since my local jspwiki with overflow:auto renders fine under Safari ?
-- [DF|DirkFrederickx]