• Do not register here on develop.twiki.org, login with your twiki.org account.
• Use View topic Item7848 for generic doc work for TWiki-6.1.1. Use View topic Item7851 for doc work on extensions that are not part of a release. More... Close
• Anything you create or change in standard webs (Main, TWiki, Sandbox etc) will be automatically reverted on every SVN update.
Does this site look broken?. Use the LitterTray web for test cases.

Item4330: natMainContents overflow setting prevents tables from beeing scrolled horizontally

Item Form Data

AppliesTo: Component: Priority: CurrentState: WaitingFor: TargetRelease ReleasedIn
Extension NatSkin Normal No Action Required   n/a  

Edit Form Data

Summary:
Reported By:
Codebase:
Applies To:
Component:
Priority:
Current State:
Waiting For:
Target Release:
Released In:
 

Detail

In BaseStyle.css, natMainContents overflow is set to hidden which prevents tables (and other broad content) from being scrolled. Setting it to auto works fine, here.

-- TWiki:Main/OliverKrueger - 03 Jul 2007

That's fine ... as long as your sidebar navigation is not on the right handside. Try ?stylesidebar=right on a page with wide content now. So either you risk that wide content

  • overlaps the sidebar navigation,
  • the sidebar is pushed off the window,
  • other text content on the same page does not flow nicely anymore,
  • wide content gets truncate,
  • you need to surround wide content with an individual overflow:auto div element,
  • you don't try to display oversized content or,
  • you don't put sidebar navigation on the right handside.

The overflow:auto divs have usability problems: the horizontal scrollbar itself is out of sight and you end up scrolling down to get the horizontal scrollbar, then up again, ah, you didn't scroll enough to the right, down again, tick the horizontal scrollbar, up again, and so on... So having a scrollbar down at the bottom of the natMainContents area can make things a lot worse. For now I prefer to have the scrollbar as near to the wide content as possible like this:

<div style="overflow:auto">
here comes the extra large spreadsheet table
</div>
This way the wide content is captured in a scrollarea of its own and does not force other text on the topic to be wide also. As a matter of fact, the topic author him/herself has to take over responsibility... which is out of scope for a skin.

ItemTemplate
Summary natMainContents overflow setting prevents tables from beeing scrolled horizontally
ReportedBy TWiki:Main.OliverKrueger
Codebase

SVN Range TWiki-4.1.2, Thu, 28 Jun 2007, build 14298
AppliesTo Extension
Component NatSkin
Priority Normal
CurrentState No Action Required
WaitingFor

Checkins

TargetRelease n/a
ReleasedIn

Edit | Attach | Watch | Print version | History: r2 < r1 | Backlinks | Raw View | Raw edit | More topic actions
Topic revision: r2 - 2007-07-03 - TWikiUserMapping_MichaelDaum
 
This site is powered by the TWiki collaboration platform Powered by PerlCopyright © 2008-2019 by the contributing authors. All material on this collaboration platform is the property of the contributing authors.
Ideas, requests, problems regarding TWiki? Send feedback